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交互 才能 让 人 过 目 不 忘 。《 微 交互 》 是 创造 这 种 用 户 体验 的 必 读 佳作 。 


“在 这 本 书 里 ，Dan Saffer 把 “ 认 知 走 查 ”(Cognitive Walkthrough ) 
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揭示 了 重要 的 设计 原理 ， 并 通过 实际 的 例子 说 明了 该 做 什么 和 不 该 做 
什么 。 哪 怕 只 看 两 页 ， 也 会 受益 匪 浅 ， 如 果 多 看 一 人 帝 ， 收 获 更 大 。 这 
本 书本 身 就 是 微 交 互 的 精彩 范例 。 通 俗 易 懂 ， 平 易 近 人 ， 深 刻 的 洞 见 
总 能 不 期 而 遇 。 


一 一 Kevin Fox 
Gmail 设计 师 
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令 人 过 目 难 忘 的 瞬间 。 我 向 所 有 设计 师 和 程序 员 推 荐 这 本 书 ， 因 为 你 
们 肯定 希望 自己 设计 和 开发 的 应 用 、 网 站 或 者 其 他 产品 ， 既 能 够 让 用 
户 在 使 用 时 妙趣 横生 ， 又 能 帮 他 们 解决 实际 问题 。 这 本 书 会 为 你 指明 
改进 的 方向 ， 每 次 一 个 微 交 互 。 
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Interaction Design Association (IxDA) 创始 人 兼 总 裁 
PatientsLikeMe 首席 交互 设计 师 

About Face 3 ( Wiley ) 合 著者 


“享有 魔术 师 中 的 魔术 师 美 誉 的 Dariel Fitzkee 说 过 “魔术 成 败 一 看 细 
节 ， 二 看 表演 。 交 互 设计 也 是 这 样 ， 正 是 它 在 用 户头 脑 中 创造 出 了 
微小 、 妙 不 可 言 而 又 有 意思 的 假象 。Dan 这 本 《 微 交互 》 就 像 一 个 放 
大 镜 ， 它 把 这 些 时 刻 放 大 ， 而 且 梳 理 出 了 一 套 从 优秀 到 卓越 的 规则 。 
我 向 在 任何 媒体 中 负责 设计 和 实现 用 户 体验 的 朋友 强烈 推荐 这 本 书 。” 
Bill Scott 
Paypal 资深 UIE 总 监 
《Web 界面 设计 》 合 著者 


“我 从 来 没有 看 到 过 其 他 任何 一 本 书 是 在 这 个 层面 上 剖析 交互 设计 的 。 

这 是 我 读 过 的 非常 好 的 一 本 讲 交 互 设计 的 书 。 我 会 多 买 一 些 送 给 我 的 
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一 一 Christian Crumlish 

CloudOn 产品 总 监 


“Dan Saffer 这 本 《 微 交 互 》 是 我 儿 年 来 看 过 的 最 好 的 一 本 讲 设计 的 
书 。 这 本 书本 身 也 是 一 个 精彩 的 微 交互 作品 ， 它 短小 精怪 、 构 思 绩 
密 、 言 简 意 赎 、 妙 语 连珠 。 很 多 讲 设 计 的 书 都 只 是 泛泛 而 谈 ， 流 于 抽 
象 和 自我 。Saffer 却 抓 位 了 设计 界 绝对 必须 解决 的 要 害 问 题 ， 他 写 了 
一 本 每 一 个 设计 师 都 必须 看 的 书 。” 


一 一 Scott Berkun 
Internet Explorer 1.0~5.0 开发 者 
著名 畅销 书 作 者 、 演 讲 家 
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vi | 对 本 书 的 赞誉 


唐 诺 曼 推 荐 序 有 IX 
前 言 EOE OO OO OO OOO XIII 
第 1 合流 计 做 这 五 ran i 1 
1.1 被 交 芋 不 是 功能 ,但 很 重要 sei 4 
1.2 微 效 互 秘 员 和 9 
1.3 微 效 互 的 结构 和 14 
1.4 微 交 互 的 设计 理念 站 20 
1.5 小 缚 和 ee 23 
第 2 章 触发 器 25 
2.1 村 动 般 发 惠 和 i 28 
2.1.1 提前 展示 数据 30 

2.1.2 ”触发 器 的 构成 30 

2.2 系统 触发 需 46 
2.3 小 缚 站 $51 
第 3 章 规则 Od 53 
3.1 设计 规则 TR EE ET 57 
3.1.1 生成 规则 和 60 

3.1.2 动词 与 名 词 和 64 

3.1.3 屏幕 与 状态 和 66 

3.1.4 约 东 条 件 和 68 

3.1.5 不 要 从 震 开 始 和 69 


vii 


3.1.6 ”理解 复杂 性 全 ee 72 
3.2 有限 的 选项 和 聪明 的 默认 项 站 74 
3.2.1 | 户 输入 


4.1 “反馈 阐释 规则 和 
4.1.1 以 人 为 本 
4.1.2 几 即 是 多 和 

4.2 反馈 体现 个 性 PR ER OO RRR 


4.3 ”反馈 方法 ………… 
4.3.1 视觉 方法 和 
4.3.2 听觉 方法 和 
3 方法 
间 有 ”有 反 颁 的 鞠 风 sei 
4.5 
第 5 章 循环 与 模式 
3.1 
5.2 循环 125 
5.2.1 循环 分 类 126 
5.2.2 ”长 循环 和 128 
5.3 小 缚 4 133 
第 6 章 综合 实例 135 
6.1 例 1: 闹 铃 移动 应 用 
6.2 例 2: 在 线 共享 播放 列表 和 142 
63. 7 例 3 洲 砚 机 摊 制 面相 3 人 eee ee 145 
6.4 微 交 互 的 原型 与 文 本 和 149 
6.$ 编排 微 效 吾 和 151 
6.$.1 微 交 互 与 功能 ee 152 
6.5.2 ”改进 呆板 的 微 交互 154 
6.6 ”入 小 处 碘 155 
附录 测试 微 交 互 157 
关于 封面 163 


一 次 在 巴西 举办 的 会 议 上 ， 我 知道 了 Dan Saffer 正在 研究 微 交互 
(microinteraction) 。 这 个 新 词 儿 一 下 子 把 我 给 吸引 住 了 。Dan 开场 先 
讲 了 一 个 在 交响 音乐 会 上 手机 闹 铃 的 故事 。 这 个 故事 让 我 意识 到 ， 关 
注 细 节 ， 就 是 关注 全 局 。 


接 下 来 ， 使 用 苹果 的 图 片 分 类 及 编辑 应 用 Aperture 的 挫折 经 历 ， 再 次 
让 我 体会 到 把 细 市 做 好 的 重要 性 。 当 时 ， 我 正 把 一 本 书 的 所 有 插图 往 
一 块 儿 和 弄 ， 突 然 电脑 死机 了 。 没 办 法 ， 只 能 重新 启动 。 重 启 之 后 再 打 
开 Aperture， 结 果 看 到 了 一 个 声明 ， 说 数据 已 经 损坏 ， 然 后 程序 就 自 
动 关闭 了 。 啊 ? 给 出 一 条 错误 消息 就 算 完事 啦 ， 为 什么 不 告诉 人 家 采 
取 什 么 措施 补救 我 该 怎么 办 ? 


我 搜索 Aperture 的 帮助 文件 ， 却 一 无 所 获 。 又 搜索 侠 果 网 站 ， 还 是 一 
无 所 获 。 我 最 担心 也 最 关心 的 问题 是 : 怎么 把 图 片 找 回来 ? 可 现实 是 
程序 已 经 无 法 启动 了 。 另 一 台电 脑 上 是 有 备份 ， 可 我 的 同步 程序 效率 
太 高 了 ， 被 破坏 的 文件 已 经 被 同步 到 了 那 台 电脑 上 。 


最 后 ， 历 尽 艰 辛 ， 我 总 算 在 网 上 找到 一 个 解决 方案 。 这 个 方案 的 来 源 
也 是 苹果 网 站 ， 而 且 格式 清晰 ， 指 令 明 确 。 按 照 这 个 说 明 ， 我 只 用 了 
15 分 钟 就 把 所 有 图 片 都 恢复 了 。( 注 意 ， 我 在 苹果 官网 上 没 找到 这 个 
方案 ， 是 有 人 在 某 讨 论 组 中 贴 过 这 么 一 个 指向 华 果 网 站 的 链接 。) 


为 什么 要 提 这 件 事 呢 ? 因为 如 果 华 果 的 开发 人 员 看 过 这 本 书 ， 我 就 不 
会 那么 痛苦 了 。 微 交互 啊 ! 就 是 把 细节 做 好 。 


为 什么 那 条 错误 消息 里 不 给 出 解决 方案 及 对 问题 的 描述 ? 毕 竞 ， 人 苹果 
对 这 个 问题 是 有 非常 详尽 的 解决 方案 的 。 假 如 那 条 错误 消息 说 :“ 数 
据 库 损坏 了 。 要 解决 此 问题 ， 请 按 以 下 步 又 来 做 。” 然 后 在 消息 框 中 
给 出 一 个 按钮 ， 引 导 用 户 开始 按 步 操作 …… 苹 果 为 什么 没 这 么 做 ? 难 
道 负 责 开发 这 个 功能 的 程序 员 认 为 这 事 不 归 他 管 ， 还 是 说 这 些 程序 员 
是 维护 数据 库 的 ， 所 以 只 知道 出 了 问题 不 知道 如 何 解 决 ? 再 或 者 因为 
编写 错误 提示 的 人 压根 儿 就 不 知道 还 应 该 给 出 解决 方案 ?( 我 个 人 认为 
这 三 种 可 能 性 都 有 。) 不 管 什 么 原因 ， 结 果 都 是 用 户 体 验 不 好 。 这 个 
挫折 至 今 都 让 我 对 Aperture 敬而远之 ， 宁 可 找 其 他 代用 品 。 侠 果 不 可 
能 希望 自己 的 客户 都 这 样 。 如 果 他 们 能 看 看 这 本 书 就 好 了 。 


微 交 互 就 是 细节 吗 ? 一 点 没 错 ， 奥 秘 全 在 细 市 中 。 


“ 微 交 互 ” 中 的 “ 微 ” 表 明 要 关注 细节 。 细 节 ? 没 错 。 不 重要 ? 错 ! 
《 微 交 互 》 关 广 的 是 那些 至 关 重 要 的 细节 ， 它 决定 了 用 户 体验 是 友好 
的 ， 还 是 令 人 皱眉 的 。 正 如 Dan Saffer 在 前 言 中 指出 的 ， 设 计 师 倾向 
于 把 握 大 的 方向 。 这 种 感觉 非常 好 。 没 有 什么 问题 大 到 把 握 不 了 。 然 
而 ， 就 算 大 的 方向 没 错 ， 如 果 细 节 处 理 不 当 ， 那 结果 还 是 失败 。 别 忘 
了 ， 细 节 决 定 了 每 时 每 刻 的 体验 ! 正 是 这 写 厘 之 间 的 细节 ， 成 就 了 整 
个 产品 流畅 的 交互 体验 。 反 过 来 说 ， 恰 恰 是 对 这 些 细节 的 忽视 ， 导 致 
了 用 户 的 挫折 、 愤 把， 直至 对 产品 产生 强烈 的 厌恶 。 设 错 ， 大 方向 、 
爹 局 观 是 重要 ， 但 小 方向 、 细 市 观 同样 不 容 忽 视 。 是 否 关 注 细 市 决定 
产品 的 成 败 。 


实现 优秀 的 微 交 互 有 几 个 步骤 。 首 先 ， 对 有 些 程序 员 来 说 ， 就 是 要 搞 
清 状 况 。 为 此 ， 必 须要 有 极 强 的 观察 能 力 ， 看 看 别人 如 何 互 动 ， 再 看 
看 自己 的 交互 习惯 ， 找 到 突破 口 ， 从 逻辑 上 分 清 先 后 ， 再 决定 怎么 做 
最 恰当 。 观 察 什么 ”比如 错误 提示 ， 比 如 对 话 框 ， 它 们 都 会 呈现 出 一 
些 信息 ， 而 这 些 信息 通常 会 暗示 下 一 步 可 以 做 什么 。 那 么 ， 为 什么 不 
在 呈现 信息 这 一 步 就 包含 “下 一 步 ” 按 钮 呢 ? 
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要 想 设计 出 优秀 的 微 交 互 ， 就 要 了 解 产 品 的 最 终 用 户 ， 知 道 他 们 想 达 
成 什么 目的 ， 需 要 经 历 哪 些 步 又 。 还 要 求 理 解 不 同情 形 下 交互 的 操作 
环境 。 所 以 ， 对 用 户 的 移 情 或 者 同 理 心 ， 观 察 用 户 的 本 事 以 及 把 产品 
的 方方面面 〈 或 者 把 不 同 编程 团队 甚至 不 同 部 门 的 产 出 ) 融入 交互 细 
节 的 能 力 都 至 关 重 要 。 这 本 书 第 1 章 非常 清楚 地 介绍 了 做 到 这 一 切 的 
原则 。 遍 及 全 书 各 处 的 例子 也 折射 出 了 微 交 互 承 载 的 机 会 。 看 完 本 
书 ， 你 会 发 现 一 切 还 是 取决 于 你 自己 。 每 个 人 自己 的 观察 体悟 是 发 现 
新 的 微 交 互 机 会 的 源 扩 。 最 关键 的 是 ， 假 如 方案 要 求 跨 公 司 跨 部 门 协 
作 ， 千 万 不 要 像 苹果 的 开发 人 员 那 样 各 自 为 战 。 记 住 ， 为 用 户 考 虑 周 
详 才 是 伟大 产品 的 真 义 所 在 。 


让 微 交 互 赢得 用 户 的 第 二 步 就 是 实现 。 这 一 步 需要 雳 虑 诸多 设计 问 
题 : 触发 、 规 则 、 反 馈 、 循 环 ， 还 有 模式 。 这 些 本 书 都 一 一 给 出 了 精 
彩 的 诠释 。 


微 交 互 真 有 那么 重要 吗 ? 好 ， 我 再 给 你 讲 一 讲 我 最 近 花 了 不 少 钱 买 的 
一 辆 新 车 。 每 次 我 走 到 车 前 ， 提 住 门 把 手 ， 把 手 上 的 灯 就 会 亮 起 ， 车 
内 的 灯 也 会 打开 。 门 开 了 ， 我 坐 进 车 里 ， 座 椅 、 后 视 镜 会 自动 调 到 让 
我 感觉 舒适 的 位 置 ， 其 至 收音 机 都 调 到 了 我 喜欢 的 频道 。 打 开门 ， 我 
座位 上 的 灯 就 会 点 亮 。 我 的 乘客 打开 门 ， 相 应 座位 上 的 灯 也 会 点 亮 。 
要 是 我 和 妻子 轮流 开车 ， 每 次 换 人 ， 和 车 都 会 根据 我 们 各 自 的 偏好 重新 
设置 。 设 计 师 是 怎么 设计 出 这 一 系列 自动 控制 功能 的 ?他 们 怎么 知道 
该 控制 什么 ， 不 该 控制 什么 ?凭借 他 们 的 智慧 ， 这 才 有 了 智能 的 微 设 
计 。 这 些 都 是 细节 吗 ? 是 。 我 们 可 以 手工 完成 这 些 设置 吗 ? 可以。 但 
是 ， 当 车 子 主动 为 我 们 做 了 这 些 事 之 后 ， 坐 到 车 里 你 会 有 一 种 情 不 自 
禁 的 喜悦 ， 一 种 因为 拥有 这 样 的 车 而 产生 的 自豪 感 。 这 难道 不 是 所 有 
汽车 制造 商都 希望 自己 的 客户 能 体验 到 的 感觉 吗 ? 


为 细节 欢呼 吧 ， 要 知道 我 们 每 天 都 生活 在 细节 当中 。 我 们 不 必 再 为 下 
一 步 该 做 什么 而 浪费 分 分 秒 秒 ， 为 此 喝彩 吧 ， 跟 那些 粗 陋 的 过 渡 设 计 
说 再 见 。 为 Dan Saffer 和 他 的 这 本 书 叫 好 吧 ， 通 俗 易 懂 的 讲解 再 配 上 
丰富 的 示例 ， 简 直 无 敌 了 ! 我 自 认为 在 观察 人 们 与 技术 产品 交互 方面 
颇 有 心得 ， 但 读 了 这 本 书 之 后 ， 突 然 发 现 自己 的 能 力 又 增长 了 一 大 
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截 。 现 在 ， 我 更 加 关注 细节 ， 更 加 关注 被 忽视 的 机 会 。 我 也 知道 了 什 
么 产品 的 哪些 细节 做 得 好 。 知 道 好 与 不 好 ， 是 做 好 产品 的 第 一 步 。 


现在 轮 到 你 了 。 拿 出 行动 来 ， 去 征服 世界 吧 ! 让 我 们 的 生活 更 简单 ， 
更 丰富 多 彩 。 让 微 交 互 从 理论 付 诸 实 践 。 


唐 : 诺 曼 简 介 

唐 : 诺 曼 (Donald Arthur Norman)， 美 国 认 知 心理 学 家 、 美 国 计 算 
机 协会 会 士 、 工 业 设 计 家 ， 认 知 科 学 学 会 的 发 起 人 之 一 。 现 为 美国 西 
北大 学 计算 机 科学 系 和 心理 学 教授 ， 是 尼尔森 诺 曼 集团 (Nielsen 
Norman Group) 咨询 公司 的 创办 人 之 一 ， 曾 担任 苹果 公司 先进 技术 
部 副 总 裁 。1999 年 ，Upside 杂志 提名 诺 曼 博 士 为 世界 100 精英 之 一 。 
2002 年 ， 诺 曼 获 得 了 人 机 交互 专家 协会 (SIGCHI) 授予 的 终身 成 就 
奖 。2006 年 ， 他 获得 了 计算 机 和 认 知 科学 “富兰克林 奖章 ”。 
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本 书 主题 

开局 家 电 、 登 录 网 站 、 在 手机 应 用 里 查询 天 气 ， 这 些 都 是 微 交互 的 例 
子 。 微 交互 只 涉及 一 种 使 用 场景 ， 只 做 一 件 事 。 这 种 功能 本 身 就 可 以 
做 成 一 个 应 用 ， 也 可 以 只 是 某 应 用 众多 功能 中 的 一 个 。 真 正 优秀 的 微 
交互 高 效 、 顺 畅 、 时 尚 ， 而 且 处 处 体现 对 用 户 需求 和 意图 的 心 领 神 
会 。 一 个 深 受 喜爱 的 好 产品 和 一 个 让 人 觉得 凑合 用 的 一 般 产 品 ， 区 别 
往往 就 在 于 微 交 互 带 给 人 的 体验 。 本 书 的 目的 就 是 座 入 分 析 微 交互 ， 
帮助 读者 设计 出 优秀 的 产品 。 我 们 首先 会 介绍 微 交 互 的 模型 ， 然 后 逐 
章 详细 讨论 该 模型 的 一 个 方面 ， 力 求 揭示 出 每 一 种 微 交 互 最 优化 背后 
的 原理 。 如 此 一 来 ， 读 者 就 可 以 知道 从 哪些 地 方 着 手 改 进 自己 的 产 
品 ， 从 而 增加 用 户 知性 ， 塑 造 客户 (及 品牌 ) 忠诚 度 。 
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读者 对 象 

本 书写 给 那些 希望 把 产品 _ 特别 是 数字 化 产品 ， 做 得 更 出 色 的 人 。 
产品 经 理 、 设 计 师 、 程 序 员 、 研 究 人 员 、 评 论 家 和 公司 老总 都 是 本 
书 的 读者 对 象 ， 本 书 能 引发 你 的 思考 ， 提 高 你 的 品味 ， 增 强 你 的 竞 
委 力 . 


如 果 你 认为 某 个 小 功能 值得 实现 ， 它 能 让 产品 更 加 出 色 ， 并 为 此 想 说 
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服 自己 的 客户 、 开 发 人 员 、 产 品 或 项 目 经 理 ， 那 本 书 尤 其 适合 你 ! 现 
在 ， 这 个 小 功能 有 了 一 个 名 字 : 微 交 互 。 你 可 以 更 加 胸有成竹 地 据 理 
力争 了 。 


本 书 内 容 


这 是 一 本 小 书 ， 讨 论 因 小 见 大 的 小 功能 。 


。 第 1 章 设计 微 交互 
介绍 微 交互 的 概念 ， 解 释 为 什么 某 些 不 起 眼 的 地 方 那么 重要 。 这 一 
章 会 讨论 微 交 互 的 构成 ， 展 示 微 交互 要 遵循 的 总 原则 。 最 后 还 会 讨 
论 微 交互 与 项 目 集成 的 方式 方法 。 

。 第 2 章 触发 器 
介绍 触发 器 ， 也 就 是 发 起 微 交 互 的 装置 。 主 要 讨论 手工 触发 (用户 
启动 ) 和 系统 触发 ， 以 及 提前 展示 数据 等 规则 。 

。 第 3 章 规则 


讨论 影响 微 交 互 的 不 可 见 因素 ， 以 及 这 些 规则 的 由 来 、 贯 彻 方法 ， 
包括 不 要 从 零 开 始 。 


。 第 4 章 反馈 
讨论 正 反馈 ， 也 就 是 用 户 怎 么 理解 潜 规 则 。 有 三 种 反馈 形式 : 视 
觉 反 馈 、 听 觉 反馈 和 触觉 反馈 。 介 绍 以 人 为 本 和 使 用 被 人 忽视 的 
东西 作为 传达 信息 的 手段 等 原理 。 


。 第 5 章 循环 与 模式 
讨论 循环 与 模式 ， 即 微 交 互 中 “不 可 分 割 的 ”部 分 ， 包 括 不 同 的 模 
式 和 循环 ， 以 及 如 何 使 用 长 循环 。 


。 第 6 章 综合 实例 
综合 考虑 人 微 交 互 模型 的 各 个 方面 ， 设 计 三 个 微 交 互 示例 ， 一 个 针对 
移动 应 用 、 一 个 面向 在 线 应 用 ， 最 后 一 个 着 眼 于 家 电 。 这 一 章 也 将 
讨论 如 何 把 微 交互 组 织 起 来 构成 好 用 的 功能 。 
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。 附录 ”测试 微 交互 
介绍 微 交 互 功能 的 测试 流程 。 


本 书 宗旨 


过 去 的 十 儿 年 来 ， 设 计 师 一 直 被 鼓励 提出 宏大 的 思路 ， 解 决 “玉手 的 
问题 ”， 使 用 “设计 思维 ”解决 商业 和 政府 运作 中 的 系统 性 问题 。 没 
有 什么 问题 大 到 设计 工具 不 适用 ， 从 业务 流程 重组 到 城市 建设 规划 ， 
设计 重任 几乎 无 所 不 包 。 


设计 界 这 种 资源 投放 的 再 集中 会 导致 什么 结果 ， 现 在 还 不 清楚 。 但 着 
眼 于 如 此 宏大 的 规模 ， 往 往 会 导致 人 们 忽略 设计 中 的 一 个 重要 方面 : 
令 人 愉快 的 细 市 ! 我 们 喜爱 的 产品 都 关注 细 闻 ， 比 如 漂亮 迷人 的 曲 
线 ， 令 人 自信 的 点 击 ， 以 及 与 人 类 心智 模型 契合 的 体验 。 


本 书 要 讨论 另 一 种 思维 方式 : 撒 开 壮观 安 大 、 由 上 而 下 的 设计 ， 重 视 
自 底 向 上 、 精 心 构思 的 细节 。 这 些小 地 方 是 设计 师 最 擅长 的 地 方 ， 举 
手 之 劳 ， 就 能 立 杆 见 影 、 活 灵活 现 。 这 是 改变 世界 的 另 一 种 方式 : 在 
看 似 无 关 紧 要 的 时 刻 释 放 令 人 心动 的 体验 1 

漂亮 而 且 起 作用 的 细节 照样 带 给 人 快乐 。 这 种 快乐 既是 用 户 的 ， 也 是 
设计 师 的 ， 但 毋庸 置疑 这 需要 技能 、 时 间 和 思考 来 创造 。 这 事 可 不 简 
单 ， 做 好 了 照样 能 像 解 决 大 问题 一 样 流芳 百世 。 从 用 户 角度 想 一 想 ， 
谁 不 愿意 生活 里 有 更 多 的 乐趣 呢 ? 


排版 约定 
本 书 使 用 的 排版 约定 如 下 。 
。 楷体 
表示 新 的 术语 、 重 要 的 概念 等 。 


坦 < 


a、 | ”这 个 图 标 代表 小 穹 门 、 建 议 或 说 明 。 


es 


全 


图 标 代 表 警 告 信息 。 


使 用 代码 


本 书 就 是 要 帮 读 者 解决 实际 问题 的 。 也 许 你 需要 在 自己 的 程序 或 文档 
中 用 到 本 书 中 的 代码 。 除 非 大 段 大 段 地 使 用 ， 否 则 不 必 与 我 们 联系 取 
得 授权 。 因 此 ， 用 本 书 中 的 几 段 代码 写成 一 个 程序 不 用 向 我 们 申请 许 
可 。 但 是 销售 或 者 分 发 O'Reilly 图 书 随 附 的 代码 光盘 则 必须 事先 获得 
授权 。 引 用 书 中 的 代码 来 回答 问题 也 无 需 我 们 授权 。 将 大 段 的 示例 代 
码 整 合 到 你 自己 的 产品 文档 中 则 必须 经 过 许可 。 


使 用 我 们 的 代码 时 ， 和 希望 你 能 标明 它 的 出 处 。 出 处 一 般 要 包含 书 名 、 作 
者 、 出 版 商 和 书号 ， 例 如 : Microinteractions by Dan Saffer (O’Reilly). 
Copyright 2013 Dan Saffer, 978-1-449-34268-5。 


如 果 还 有 其 他 使 用 代码 的 情形 需要 与 我 们 沟通 ， 可 以 随时 与 我 们 联系 : 


permissions @oreilly.com.,。 
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议 计 微 交 互 


“天 下 没有 大 作品 。” 
一 一 维 克 多 ， 帕 帕 奈 克 (Victor Papanek) 


乐队 指挥 中 止 了 演奏 ， 观 众 席 爆 发 出 一 阵 阵 的 怒吼 。 纽 约 爱 乐 乐团 已 
经 演奏 到 了 马 勒 《第 九 交 响 曲 》 最 后 那 舒缓 、 沉 宁 的 慢 板 。 为 欣赏 这 
场 音乐 会 ， 很 多 观众 不 惜 重金 ， 儿 百 美元 买 一 张 票 。 一 个 多 小 时 的 乐 
曲 接近 尾声 ， 观 众 全 神 贯 注 地 聆听 着 这 首 曲子 最 安静 、 最 庄严 的 时 刻 。 


就 在 此 时 ， 出 状况 了 。 前 排 某 位 观众 那儿 传 来 iPhone 手机 的 “ 马 林 巴 
卫 ” 铃 声 ， 就 是 那 种 叮 叮 吃 吃 的 高 调 木 琴 的 声 啊 ， 而 且 一 遍 又 一 遍 ， 
反复 不 停 。 这 是 手机 闸 铃 响 了 。 过 了 一 会 儿 ， 没 有 停 。 又 过 了 一 会 
儿 ， 还 没有 停 。 乐 队 指 挥 Alan Gilbert 示意 停止 演奏 ， 但 闸 铃 仍然 响 
个 不 停 。 现 场 开 始 有 观众 大 骂 那 个 拿手 机 的 人 。 后 来 乐团 年 长 的 管理 
者 称 ， 这 个 人 是 “赞助 商 X ， 而 且 还 是 一 个 长 期 赞助 交响 乐团 的 人 。 
纽约 爱 乐 的 主场 地 ， 林 肯 表 演艺 术 中 心 艾 弗 里 费 雪 厅 ， 本 来 是 要 迎 
来 一 片 平 静 和 安宁 的 ， 结 果 却 变 得 人 声 易 阐 ， 加 声 四 起 。 


2012 年 1 月 的 《纽约 时 报 》 报道， 赞助 商 X 一 天 前 刚 换 了 手机 ， 他 


注 1: 2012 年 1 月 12 日 《纽约 时 报 》，Daniel J. Wakin: “Ringing Finally Ended, but There’s 
No Button to Stop Shame”( 闸 铃 不 响 了 ， 脸 也 丢 尽 了 )。 


们 公司 把 他 原来 使 用 的 黑莓 换 成 了 iPhone。 演出 开始 前 ， 他 把 手机 调 
成 了 静音 ,但 他 不 知道 Phone 的 闹 铃 在 静音 模式 下 也 会 响 。 因 此 在 闸 
铃 响起 时 ， 甚 至 在 令 人 难以 忍受 地 响 了 很 长 时 间 后 ， 他 都 没 意 识 到 是 
自己 的 让 hone 在 响 。 而 当 他 意识 到 是 自己 的 手机 并 关 掉 闸 铃 时 ， 已 经 
太 晚 了 ， 整 个 演出 都 被 搞 砸 了 。 


第 二 天 ， 消 息 传 开 ，3 引 | 发 了 互联 网 上 很 多 人 的 批评 ， 有 人 也 在 拿 这 件 
事 找 乐 。 作 曲 家 Daniel Dorff 发 推 文 说 :“ 为 防 万 一 ， 我 把 手机 铃声 改 
成 了 马 勒 《第 九 》。” 很 多 博客 也 就 此 事 发 表意 见 ， 其 中 有 些 人 赞成 要 
静音 ， 就 禁止 一 切 响 声 。 比 如 在 2012 年 1 月 份 的 一 篇 文章 “Daring 
Fireball: On the Behavior of the iPhone Mute Switch” (关于 iPhone 静音 
开关 的 行为 ) 中， 技术 专栏 作家 Andy Ihnatko 写 道 :“ 我 认为 ， 与 其 让 
设备 错误 的 决定 招致 难堪 ， 还 不 如 自己 千 傻 事 儿 造成 难堪 更 好 些 。 


还 有 一 些 人 则 认为 ， 就 算 静 音 ， 闸 铃 该 响 还 是 要 响 (我 认为 这 是 对 
的 )。 正 如 苹果 专家 John Gruber 指出 的 (http://t.cn/zQHeaA6) :“ 如 
果 静 音 开关 禁止 一 切 响声 ， 那 么 每 天 都 将 有 上 千 人 睡 过 头 ， 因 为 他 们 
进入 梦乡 的 时 候 ， 可 能 意识 不 到 手机 处 于 静音 模式 。” 


苹果 的 10S Human Interface Guidelines (http://t.cn/apfYql1) 也 说 明了 
为 什么 静音 要 这 样 处 理 : 


例如 ， 用 户 在 剧院 中 要 把 设备 切换 成 静音 模式 ， 以 免 打扰 其 
他 观众 。 此 时 ， 用 户 仍然 希望 能 在 设备 上 使 用 应 用 ， 只 是 不 
想 被 意外 或 没有 明确 要 求 的 声音 (比如 响 铃 或 短信 提示 音 ) 
惊扰 。 

响 铃 /静音 (或 静音 ) 开关 不 会 禁止 用 户 专门 或 明确 要 求 产生 
的 声音 。 

换 句 话说 ， 手 机 静音 不 会 禁止 那些 用 户 特别 要 求 发 出 的 声音 ， 而 只 会 

禁止 非 用 户主 观 意愿 下 发 出 的 声音 (比如 短信 提示 音 、 来 电 铃声 ) 。 

这 就 是 规则 。 与 很 多 规则 一 样 ， 它 并 不 为 人 所 知 ， 而 且 除了 开关 上 橙 

色 的 标记 之 外 ， 屏 幕 上 也 没有 任何 指示 说 明 铃声 关闭 了 。 假 如 苹果 原 

来 规定 了 不 同 的 规则 ， 即 静音 就 禁止 设备 发 出 所 有 声音 ， 那 么 还 得 为 
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此 规定 其 他 规则 和 反馈 机 制 。 亲 伶 不 响 了 那 手机 振动 吗 ? 手机 处 于 静 
音 模 式 时 ， 需 要 某 种 提醒 装置 吗 ， 比 如 唤醒 手机 时 在 屏幕 上 显示 一 个 
图 标 ， 或 者 点 亮 一 个 硬件 的 小 LED 指示 灯 ? 设计 手机 静音 的 方式 大 
多 了 。 


手机 静音 就 是 微 交 互 的 一 个 例子 。 微 交互 ， 就 是 产品 中 涉及 一 种 使 用 
场景 的 交互 ， 只 体现 为 一 种 功能 ， 只 完成 一 件 事 (图 1-1 展示 了 一 个 
例子 )。 微 交互 可 以 是 启动 应 用 ， 也 可 以 启动 设备 ,但 更 常见 的 则 是 
伴随 或 内 置 于 另 一 个 更 大 的 功能 。 微 交互 只 需 瞬间 ， 可 能 没 人 注意 ， 
甚至 没 人 知道 ， 也 可 能 妙趣 横生 ， 令 人 愉快 。 修 改 设置 、 同 步 数据 或 
设备 、 设 定 闹钟 、 更 换 密码 、 打 开 家 用 电器 、 登 录 、 设 置 状态 消息 、 
收藏 或 标注 “喜欢 ”…… 都 是 微 交 互 。 我 们 随身 携带 的 设备 里 ， 家 里 
的 各 种 电器 内 ， 手 机 或 电脑 的 应 用 中 ， 乃 至 我 们 每 天 工作 生活 的 环境 
中 ， 到 处 都 可 以 发 现 微 交互 。 


;Before we post this, who are you? 
星 Guest Your email 
Google Your name 

EE) Twitter 
Facebook 


口 Subscribe to all comments by email 
| Yahoo 


Post comment | 


ds OpenID 


图 1-1: 常见 的 微 交 互 : 登录 。 社 交 网 站 Disqus 的 登录 表单 能 根据 你 的 电子 
邮件 猜测 你 的 名 字 ( 蒙 Jakob Skjerning 和 “Little Big Details” 惠 允 使 用 ) 
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微 交 互 就 是 产品 中 这 种 通过 交互 来 实现 功能 的 细 闻 ， 而 正如 Charles 
Eames 的 名 言 * 所 说 ， 细 节 不 仅仅 是 细节 ， 而 是 设计 。 细 布 可 以 让 用 
户 更 方便 、 更 愉快 地 使 用 产品 ， 尽 管 人 们 事后 不 会 记得 它们 。 有 些微 
交互 实际 上 或 者 事实 上 是 看 不 见 的 ， 也 不 太 可 能 成 为 你 购买 一 款 产品 
的 理由 。 相 反 ， 它 们 通常 都 是 一 些 零 零碎 碎 的 功能 ， 或 者 正式 一 点 
说 ， 属 于 支持 性 或 所 谓 的 “完整 性 ”功能 。 比 如 说 ， 人 们 不 可 能 因为 
一 款 手 机 的 静音 功能 而 购买 它 ， 但 这 个 功能 却 是 必需 的 。 而 且 ， 诸 如 
此 类 的 微 交 互 带 给 用 户 的 体验 却 千差万别 ， 有 的 很 好 ， 有 的 很 差 。 有 
些微 交互 设计 得 很 难 用 ， 有 些 根 本 没 人 知道 或 者 让 人 想 不 起 来 ， 最 好 
的 微 交 互 都 是 吸引 人 而 又 聪明 乖巧 的 。 本 书 要 讨论 的 就 是 最 后 一 类 ， 
即 怎么 设计 出 最 好 的 微 交 互 。 


“赞助 商 X” 是 因 微 交互 而 声名 远 播 的 一 个 例子 ， 但 这 样 的 例子 并 不 
多 。 正 如 “赞助 商 X ”一样 ， 尽 管 我 们 每 天 都 生活 在 各 种 微 交 互 中 ， 
但 往往 只 有 在 它们 给 我 们 带 来 麻烦 之 后 ， 我 们 才 会 注意 它们 。 然 而 ， 
无 论 多 么 不 起 上 腿 ， 多 么 难 发 现 ， 微 交互 却 是 至 关 重 要 的 。 想 想 看 ， 你 
喜欢 某 个 产品 或 讨厌 某 个 产品 ， 往 往 就 是 因为 这 些 产品 中 的 某 些 细 
市 。 好 的 微 交 互 能 让 我 们 的 生活 更 加 便捷 、 更 有 乐趣 。 这 就 是 本 书 要 
讨论 的 主题 ， 怎么 设计 好 微 交 互 ? 


这 一 章 会 告诉 大 家 怎么 区 分 什么 是 功能 ， 什 么 是 微 交 互 ， 顺 便 简 单 
介绍 一 下 微 交 互 的 渊源 。 然 后 开始 讨论 微 交 互 的 结构 ， 也 就 是 本 书 
的 结构 。 作 为 一 个 模型 ， 它 为 我 们 讨论 和 分 析 微 交互 的 各 个 方面 ， 
进而 设计 好 自己 的 微 交 互 提供 了 参照 。 最 后 ， 我 们 会 谈 一 谈 微 交 互 
的 设计 流程 。 


1.1 微 交 互 不 是 功能 ， 但 很 重要 
微观 交互 与 宏观 功能 完美 契合 是 最 强大 的 。 用 户 体验 设计 的 本 质 就 在 


于 此 : 既 要 关注 细节 ， 又 要 关注 大 局 ， 只 有 这 样 用 户 才 能 获得 最 好 的 
体验 ( 见 图 1-2 ) 。 


注 2: 见 100 Quotes by Charles Eames, Charles Eames (Eames Office, 2007) 。 
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Password | | 6 characters or more (be tricky!) 
Password | ee | Too short 

Password | eeeeee | Too obvious 

Password | eeeeeeeee | gf Weak 

Password | eeeeeeeeeeee | Y Good 

Password 人 | w Strong 

Password seeeeeeeeeeeeeeeeeee| WY Very Strong 


图 1-2: Twitter 的 密码 选择 表单 就 是 微 交 互 的 一 个 典型 范例 ， 反 馈 消息 清楚 
明白 ( 蒙 “Little Big Details” 惠 允 使 用 ) 


微 交 互 与 功能 的 区 别 ， 主 要 在 于 规模 和 范围 。 功 能 一 般 都 比较 复杂 
(多 种 用 途 ) ， 需 要 花 较 多 时 间 熟 悉 ， 而 且 涉 及 认 知 的 塑造 。 微 交互 一 
般 都 简单 明了 ， 认 知 上 毫 无 压力 〈 见 图 1-3)。 比 如 ， 音 乐 播放 器 就 是 
功能 ， 而 调整 音量 则 是 这 个 功能 中 的 一 个 微 交互 。 


iz people like this. 
Diogo Belém Take a picture 
3 minutes ago . Like 
最 Tiago Lessa casa em londres, casa em madrid... tou a ver q 


p6 ano vou poupar bastante em alojamento internacional 
haha 


See Translation 


about a minute ago . Like 


Write a comment... 


图 1-3: 如 果 有 人 在 你 的 Facebook 主页 上 用 非 默 认 语 言 发 表 了 评论 ， 
Facebook 会 显示 “See Translation” (查看 翻译 ) 链接 ( 蒙 Marina Janeiko 
和 “Little Big Details” 惠 允 使 用 ) 


微 交 互 适合 如 下 应 用 场景 : 
二 只 完成 一 项 任务 ; 
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。 连接 不 同 的 设备 ， 

。 只 影响 一 个 数据 ， 比 如 股票 价格 或 温度 
。 控制 正在 进行 的 过 程 ， 比 如 切换 电视 频道 ， 
。 调整 某 项 设置 ， 

。 查看 或 创建 一 小 部 分 内 容 ， 比 如 状态 消息 ，; 
。 打开 或 关闭 某 个 功能 。 


微 交互 不 容 小 视 

微 交 互 可 以 是 产品 的 组 成 部 分 ， 也 可 以 是 整个 产品 。 以 烤 面 包机 为 
例 ， 它 只 做 烤 面包 这 一 件 事 。 烤 面包 机 只 有 一 个 使 用 场景 把 面团 放 
进去 并 按 局 动 开关 。 然 后 ， 烤 面包 机 就 开始 烤 面 包 。 烤 好 之 后 ， 仓 门 
打开 。 仅 此 而 已 。 当 然 ， 现 在 有 的 机 器 有 了 新 的 烘 烤 目标 〈 比 如 烤 百 
吉 饼 ) 。 不 过 从 本 质 上 说 ， 这 种 设备 就 只 是 一 个 微 交 互 。 


类 似 地 ， 小 应 用 也 可 以 只 是 一 个 微 交 互 。 数 以 千 计 的 小 应 用 《包括 桌 
面 和 移动 设备 中 的 应 用 ) 都 只 专注 于 做 一 件 事 ， 有 的 是 转换 温度 〈 比 
如 图 1-4 所 示 的 Convertbot) ， 有 的 是 计算 器 ， 有 的 则 显示 天 气 预报 。 


48 kg 
105.8219 


图 1-4: Tapbot 的 Convertbot 是 基于 一 个 微 交 互 构建 的 应 用 ， 它 只 专注 于 把 
一 个 值 转换 成 另 一 个 值 
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微 交 互 经 常 是 在 设计 和 开发 产品 的 最 后 阶段 才 被 考虑 的 事情 ， 因 此 往 
往 不 受 重视 。 但 忽视 微 交 互 是 个 错误 。 最 早 的 Android 手机 (G1) 之 
所 以 让 人 觉得 像 个 半成品 ， 原 因 就 在 于 微 交 互 做 得 很 差劲 ， 跟 iPhone 
简直 无 法 相提并论 。 比 如 ， 有 很 多 不 一 致 的 方式 可 以 触发 删除 操作 ， 
此 外 在 某 些 应 用 中 按 搜索 键 没有 任何 反应 。 如 果 微 交 互 设计 得 很 差 
劲 ， 那 么 无 论 主 功能 如 何 完美 ， 使 用 该 功能 的 过 程 都 是 让 人 难以 忍受 
的 。 产 品 设计 得 好 坏 ， 取 决 于 产品 中 最 小 的 那 一 部 分 设计 得 如 何 。 


再 想 一 想 ， 几 乎 所 有 操作 系统 ， 包 括 桌 面 操作 系统 和 移动 操作 系统 ， 
实际 上 都 在 做 同样 的 事情 : 安装 和 启动 应 用 程序 、 管 理 文件 、 连 接 软 
件 和 硬件 、 管 理 打开 的 应 用 程序 和 窗口 ， 等 等 。 但 操作 系统 之 间 的 差 
别 ， 至 少 从 用 户 和 角度 来 讲 ， 则 体现 在 你 每 天 甚至 每 小 时 都 要 与 之 接触 
的 微 交 互 上 ( 见 图 1-5 和 图 1-6) 。 


类 类 加 第 回回 曙 8 :会 9%6% 加 Sun3:45PM Q :三 


图 1-5: 本 书 作 者 OS X 中 的 菜单 栏 ， 这 些 图 标 中 的 任何 一 个 都 对 应 着 一 个 微 交互 


chrome ~ ~ jX 


Submit a Littie Big Detail 


17th January 2011 


PD 4notes 


C Permalink 


ss BB ow -> 


图 1-6: 在 网 页 中 搜索 某 个 词 时 ，Chrome 会 在 滚动 条 中 显示 目标 词 所 在 的 位 
置 ( 蒙 Saul Cozens 和 “Little Big Details” 惠 允 使 用 ) 


当然 ， 有 些 功 能 的 确 是 特别 有 用 或 者 特别 强大 的 〈 或 者 受到 知识 产权 
法 的 特别 保护 )， 以 至 于 微 交 互 显 得 并 不 重要 。 很 多 医疗 设备 就 是 典 
型 的 例子 ， 就 像 大 多 数 技术 刚刚 诞生 时 一 样 ， 人 们 更 多 关注 的 是 这 些 


设计 微 交互 | 7 


技术 能 做 什么 ， 而 不 是 怎么 做 。 比 如 2002 年 上 市 的 第 一 代 “ 重 姆 巴 ” 
(Roomba ) 家 庭 保洁 机 器 人 既 不 会 计算 房间 大 小 ， 也 不 能 检测 障碍 物 
和 脏 物 ， 但 无 论 如 何 它 在 当时 都 是 新 奇 的 技术 。 而 后 来 的 机 型 (特别 
是 在 市 场 上 有 了 竞争 产品 后 的 机 型 ) 则 越 来 越 专注 于 人 类 和 机 器 人 的 
微 交 互 。 


在 竞争 激烈 的 市 场 环境 下 ， 微 交互 显得 格外 重要 。 如 果 产 品 的 功能 
似 ， 那 只 能 靠 使 用 产品 的 体验 来 扩大 销量 并 提升 品牌 的 忠诚 度 。 而 
产品 的 整体 体验 严重 依赖 于 微 交 互 。 微 交互 是 产品 观感 中 的 “ 感 ”。 
Google+ 与 Facebook 相 比 ， 之 所 以 让 人 觉得 单薄 乏味 ， 追 根 究 底 在 于 
其 微 交 互 不 够 好 。 比 如 把 用 户 归 入 圈子 , 一 开始 还 让 人 觉得 有 点 意思 ， 
时 间 一 长 就 变 得 特别 无 聊 和 小 儿科 。 


另外 一 个 重视 微 交 互 的 原因 ， 就 是 在 如 今 多 平台 共存 的 生活 环境 下 ， 
微 交互 起 到 了 至 关 重 要 的 连接 作用 。 微 交互 可 以 把 多 个 移动 设备 、 电 
视 、 桌 面 电脑 、 笔 记 本 电脑 、 家 用 电器 ， 以 及 Web 应 用 中 的 功能 连接 
在 一 起 。 虽 然 这 些微 交互 可 能 因 平台 而 有 所 不 同 ， 但 它们 体积 小 巧 ， 
因此 可 以 保持 某 种 一 致 性 ， 而 大 型 的 功能 却 做 不 到 这 一 点 。 特 别 是 家 
用 电器 和 移动 设备 ， 它 们 的 小 屏幕 (或 根本 没有 屏幕 ) 看 起 来 就 像 是 
专门 为 微 交 互 量 身 打造 的 一 样 。 小 巧 的 微 交 互 完美 契合 小 设备 。 就 拿 
Twitter 来 说 吧 。Twitter 本 身 就 构建 于 一 个 微 交 互 : 发 送 140 字 以 内 
的 短信 。 而 用 户 几 乎 可 以 通过 任何 设备 、 在 任何 地 方 来 做 这 件 事 。 有 
些 实体 甚至 可 以 独立 地 发 推 文 ， 或 者 代表 我 们 发 。Twitter 可 以 用 来 传 
播 八卦 新 闻 ， 也 可 以 成 为 引导 革命 的 消息 平台 。 设 计 良 好 的 微 交 互 能 
够 完美 地 适合 各 种 平台 ， 适 应 数 百 万 用 户 ( 见 图 1-7)。 


and we'll get back to you real 
iuUre YOU get Our response Office hours 


Monday through Friday 
9am-7pm Easterm Time 


Right now it is 5:40pm at the office. 


图 1-7: 贴心 的 微 消息 。 在 Harvest 网 站 上 寻求 帮助 时 ， 你 会 在 他 们 的 公布 办 
公 时 间 旁 边 看 到 当地 目前 是 几 点 钟 ( 蒙 Nicolas Bouliane 惠 允 使 用 ) 
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微 交 互 也 完美 契合 我 们 拥挤 、 复 杂 、 碎 片 化 的 生活 。 我 们 需要 甚至 乐 
于 快速 浏览 数据 ， 在 餐馆 迅速 签到 、 在 地 铁 上 随意 评论 。( 休闲 游 
戏 ” 这 个 类 别 实 际 上 就 代表 着 一 类 专门 针对 娱乐 的 微 交 互 。) 


微 交 互 强 迫 设 计 师 简化 工作 、 注 重 细节 ， 要 求 设计 师 比 拼 谁 的 设计 更 
轻巧 、 更 简明 、 更 流畅 ， 而 不 是 更 笨重 ( 见 图 1-8) 。 


ES 
DU 


图 1-8: 在 Microsoft Office 中 ,文本 旋转 之 后 ， 相 关 的 格式 按钮 也 会 随 之 旋 
转 ( 蒙 “Little Big Details” 惠 人 允 使 用 ) 


1.2 微 交 互 秘史 

1974 年 ， 一 位 年 轻 的 工程 师 Larry Tesler 在 为 Xerox Alto 计算 机 开发 
一 个 名 为 Gypsy 的 应 用 程序 。Gypsy 属于 第 一 代 文 字 处 理 程序 ， 在 它 
之 前 则 是 具有 开创 意义 的 Bravo。Bravo 是 第 一 个 真正 “所 见 即 所 得 ” 
的 文字 处 理 程序 ， 也 是 第 一 个 具有 更 改 字 体 功 能 的 程序 。 虽 然 都 是 文 
字 处 理 程序 ， 但 Gypsy 却 很 不 一 样 ， 因 为 它 使 用 了 鼠标 和 图 形 用 户 界 
面 (GUI)。Larry 的 任务 是 减少 界面 中 的 感觉 体 (modality )， 以 便 用 户 
不 必 切 换 到 其 他 模式 去 执行 操作 。 此 后 数 十 年 ，Larry 一 直 为 这 个 目 
标 而 奔走 呼号 。 你 看 ， 他 的 网 站 是 http://www.nomodes.com，Twitter 是 
@nomodes， 就 连 他 的 汽车 牌照 也 是 NOMODES (http://t.cn/zQHeT28)。 
Larry 希望 用 户 在 按 下 字母 键 时 ， 总 能 在 屏幕 上 看 到 相应 的 字母 以 文 
本 形式 显示 出 来 一 一 这 对 文字 处 理 程序 而 言 ， 可 不 算是 过 分 的 要 求 。 
但 Bravo 就 做 不 到 这 一 点 。 在 Bravo 中 ， 用 户 只 能 在 特定 的 模式 下 输 
入 文本 ， 而 在 这 个 模式 之 外 ， 敲 击 键盘 会 触发 其 他 某 种 功能 。 

把 文本 从 文档 的 一 个 部 分 移动 到 另 一 个 部 分 也 是 文字 处 理 程序 的 功 
能 。 在 Bravo 中 ( 见 图 1-9)， 用 户 必须 先 选择 目标 ， 然 后 按 “I” 或 
“R” 键 进入“ 插入” 或“ 替换” 模式， 再 查找 并 选择 要 移动 的 文 


设计 微 交互 | 9 


本 ， 最 后 按 Esc 键 执行 复制 *。Larry 想 出 了 一 个 更 好 的 办 法 来 执行 这 
种 操作 ， 他 的 方案 不 仅 利 用 了 鼠标 ， 而 且 大 大 简化 了 整个 微 交 互 。 在 
Gypsy 中 ， 用 户 可 以 选择 一 段 文本 ， 然 后 按 “ 复 制 ” 功 能 键 ， 选 择 目 
标 ， 最 后 再 按 “ 粘 贴 ” 功 能 键 。 不 需要 模式 。 剪 切 和 粘贴 就 此 诞生 。 


图 1-9: Bravo 的 “屏幕 截图 ”( 宝 丽 莱 照片 ) 。 通 过 下 方 的 窗口 在 上 方 窗 口中 
生成 表单 ( 蒙 DigiBarn Computer Museum 惠 允 使 用 )“ 


注 3: 详 见 Bravo Course Outline (作者 Suzan Jerome，Xerox 公司 1976 出 版 ) 。 
注 4: 此 处 翻译 参考 了 如 下 链接 : http://www.digibarn.com/collections/systems/xerox-alto/。 


交互 设计 以 及 人 机 交互 的 历史 ， 实 际 上 就 是 微 交 互 的 历史 。 今 天 ， 我 
们 在 桌面 和 笔记 本 电脑 中 、 在 移动 设备 中 习以为常 的 那些 交互 方式 ， 
都 曾 引 发 过 微 交 互 设计 的 革命 。 无 论 是 保存 文档 ， 还 是 把 文件 拖 放 到 
文件 夹 ， 还 是 连接 到 Wi-Fi 网 络 ， 都 曾经 是 精心 设计 的 微 交互 。 就 连 
滚动 和 打开 多 个 窗口 这 么 “基本 的 ”交互 方式 ， 也 都 要 经 过 设计 。 技 
术 在 快速 发 展 ， 不 断 对 微 交互 提出 创新 的 要 求 。 用 户 习 惯 了 拿 来 就 
用 ， 他 们 只 会 关注 更 好 的 交互 方式 ， 或 者 是 那些 由 于 技术 发 展 催生 的 
或 强制 必须 使 用 的 微 交 互 方式 。 


没 错 ， 技 术 不 断 发 展 ， 支 持 这 些 技术 实现 的 微 交互 同样 也 在 不 断 发 
展 。 以 滚动 为 例 ，Bravo 最 早 支 持 一 种 原始 的 滚动 机 制 ， 但 直到 Alan 
Kay、Adele Goldberg 和 Dan Ingalls 在 Xerox PARC 的 另 一 个 产品 
SmallTalk 中 引入 深 动 条 才 算 基本 成 熟 ， 时 间 大 约 在 1973 年 到 1976 
年 之 间 。SmallTalk 支持 的 滚动 更 加 平滑 ， 可 以 一 个 像素 一 个 像素 地 
滚动 ， 而 不 是 只 能 一 行 一 行 地 滚动 。( 这 是 PARC 当时 给 史 蒂 夫 ' 乔 
布 斯 以 及 他 带 来 的 工程 师 演 示 的 一 个 著名 的 功能 ， 后 来 苹果 在 Lisa 以 
及 Mac 中 都 内 置 了 这 个 功能 ， 参 见 图 1-10。) “ 


随 着 文档 变 长 ， 滚 动 条 上 会 增加 一 个 箭头 图 标 ， 点 击 可 以 直接 跳 转 到 
文档 底部 。 此 外 ， 还 会 出 现 一 个 提示 条 ， 告 诉 你 当前 在 文档 中 的 什么 
位 置 。 真 正 的 变化 开始 于 触 控 板 和 移动 设备 中 的 触摸 屏 技 术 。 你 现在 
是 不 是 通过 手指 请 上 请 下 来 滚动 界面 ? 苹果 公司 在 发 布 iPhone 之 后 ， 
为 了 让 笔记 本 电脑 和 移动 设备 统一 成 “自然 滚动 "， 从 OS X Lion 开 
始 改变 了 滚动 方向 《从 上 到 下 )。( 可 以 读 一 读 Michael Agger 在 Slate 
杂志 上 发 表 的 文章 “Apple's Mousetrap: Why did Apple reverse the 
way we scroll up and down?”， 链 接 为 ，http://slate.me/10nnZN8。) 苹 
果 还 不 惜 引 发 众 经 地 隐藏 了 深 动 条 ， 只 在 滚动 过 程 中 或 者 在 光标 靠近 
可 滚动 窗口 右边 界 时 才 显 示 它 。 这 些 都 推动 了 微 交 互 向 前 发 展 。 


注 5: 参见 Michael A. Hiltzik 所 著 的 Dealers of Lightning: Xerox P4RC and the Dawn of 
the Computer Age (HarperBusiness，2005 ) 。 
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7 Desk FileyPrint Edit Type Style Format 人 page Layout _Search SHE 
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Put in Dictionary 
Remove From Dictionary 
Write Dictionary to Document 


OVERVIEW Clear Dictionary : 
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ey 


国 Eng1/30 
区 Eng1/30 Date: 13 February 1987 
To: Mr. John Smith 
Vice of Systems Development 
XYZ Computer, Inc. 


图 1-10: 苹果 1982 年 发 布 的 Lisa 个 人 电脑 推出 了 一 系列 (从 市 场 角度 说 ) 
“新 ”的 微 交 互 (来 源 : Lisa Graphical User Interface Gallery Guidebook) 


微 交 互 并 不 局 限于 数字 产品 。 实 际 上 ， 微 交互 起 源 于 第 一 代 电 子 设 
备 ， 比 如 收音 机 (1893 年 )、 手 电筒 〈1986 年 ) 和 洗衣 机 (1900 年 )。 
正 像 设计 师 Bil DeRouchey 在 他 的 演讲 “The History of The Button” 
中 指出 的 ， 在 (电子 机 械 出 现 之 前 的 ) 机 械 时 代 ， 用 户 可 以 直接 跟踪 
自己 的 操作 并 看 到 结果 。 比 如 ， 拉 动 控制 杆 ， 可 以 看 到 齿轮 转动 ， 齿 
轮转 动 又 带动 车 轮转 动 。 输 入 和 输出 的 关联 很 直观 。 电 子 技术 的 应 用 
改变 了 一 切 。 按 一 下 墙 上 的 按钮 ， 房 间 另 一 边 的 灯 应 声 点 亮 。 没 错 ， 
反馈 是 实时 的 ， 但 实现 方法 却 不 是 。 正 如 DeRouchey 在 “The History 
of the Button”(http://slidesha.re/1049o01K) 中 所 说 :“ 按 钮 是 一 个 标 
志 ， 标志 着 人 类 动作 的 结果 第 一 次 完全 不 同 于 引发 这 个 结果 的 动作 。” 
动作 变 得 抽象 起 来 了 。 


进入 数字 时 代 ， 特 别 是 GUI 出 现 之 前 ， 动 作 甚至 更 加 抽象 。 插 入 一 县 
穿孔 卡片 ， 或 者 拨 动 一 排 开关 ， 产 生 的 结果 几乎 无 法 预知 。 终 于 有 一 
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天 ，GUI 诞 生 了 ， 微 交互 得 以 简化 。 但 是 ， 摩 尔 定 律 (处理 器 速度 每 
18 个 月 增长 一 倍 ) 、 库 米 定 律 〈 硬 件 的 耗 电量 每 18 个 月 降低 50% )、 
克 莱 德 定律 〈 存 储 空间 呈 指 数 级 增长 ) ， 以 及 越 来 越 快 的 网 速 和 越 来 
越 便利 的 网 络 接 入 (先是 局 域 网 ， 后 有 无 线 网 络 ， 包 括 无 线 局 域 网 和 
移动 无 线 网 )， 都 对 更 多 的 微 交 互 提 出 了 需求 ， 而 这 些微 交互 涉及 的 
控制 操作 远 比 开 灯 抽象 得 多 。 比 如 在 设备 之 间 同 步 数 据 ， 这 个 概念 本 
身 就 是 抽象 的 ， 现 实 当 中 没有 什么 对 应 的 类 比 。 


输入 方法 同样 大 大 改变 了 微 交 互 。 按 键 、 开 关 、 键 盘 、 鼠 标 ， 这 些 传 
统 的 物理 装置 可 以 触发 微 交 互 ;， 触摸 屏 、 传 感 器 、 语 音 和 手势 ， 这 
些 新 兴 的 交互 手段 同样 可 以 触发 微 交 互 。 回 首 不 远 的 过 去 ， 我 们 与 
身边 环境 交互 的 唯一 方式 只 有 通过 物理 装置 手工 调整 它 。 从 1956 年 
Robert Adler 发 明 Zenith Space Commander， 即 第 一 个 电视 遥控 器 起 ， 
这 种 局 面 被 彻底 打破 〈( 见 图 1-11)， 人 类 有 史 以 来 第 一 次 可 以 不 通过 
接触 就 能 控制 物体 。 


图 1-11: 遥控 飞机 、 遥 控 轮船 早 就 有 了 (主要 是 军用 ) ， 但 让 遥控 器 走 进 普 通 
家 庭 的 则 是 Space Commander 电视 ( 蒙 Peter Ha 惠 允 使 用 ) 


今天 ， 要 触发 一 次 微 交 互 ， 甚 至 不 必 在 同一 个 房间 。 只 要 使 用 适当 的 
设备 ， 你 可 以 在 地 球 的 另 一 边 调整 自己 家 里 的 温度 〈 见 图 1-12)。 再 
比如 ， 到 了 合适 的 地 点 ， 进 入 某 个 街区 ， 你 的 手机 就 可 以 提醒 你 该 做 
什么 ， 或 者 你 的 GPS 设备 就 可 以 告诉 你 在 哪里 往 左 拐 。 在 公共 洗手 


设计 微 交互 | 13 


间 ， 只 要 把 手 伸 进 洗手 了 地， 水 龙头 就 会 喷 出 水 来 。 你 可 以 让 自己 的 手 
机 在 附近 找 一 家 餐馆 ， 可 以 在 触摸 屏 上 清 动 手指 显示 出 一 个 搜索 条 ， 
可 以 在 柜台 上 按 一 下 手机 买 杯 咖啡 。 这 样 的 例子 太 多 了 。 


HA Nest 


IN 20 MIN 


图 1-12: Nest Learning Thermostat (学 习 型 恒温 器 ) 通过 距离 传感器 感知 
有 人 进入 房间 ， 然 后 开 灯 并 显示 温度 ， 让 人 无 需 触 碰 ， 一 目 了 然 ( 蒙 Nest 惠 
允 使 用 ) 


技术 发 展 史 的 背景 隐藏 着 微 交 互 的 发 展 史 。 微 交互 与 技术 之 间 的 关系 
就 像 共 生生 物 ， 它 与 技术 相伴 而 生 ， 如 影 随 形 ， 但 却 能 影响 、 管 理 和 
控制 技术 。 


1.3 微 交 互 的 结构 


有 效 的 微 交 互 不 仅 表 现在 大 小 上 ， 更 表现 在 它们 的 构成 上 。 一 个 设计 
完善 的 微 交 互 必须 适当 地 处 理 四 个 不 同 的 部 分 ， 接 下 来 我 们 会 依次 讨 
论 ( 见 图 1-13)。 
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循环 与 模式 


图 1-13: 微 交 互 的 结构 


这 四 个 部 分 是 设计 和 分 解 微 交互 的 一 种 方式 : 触发 器 启动 微 交 互 、 规 
则 规定 微 交 互 的 工作 过 程 、 反 馈 向 用 户 说 明 规则 、 循 环 与 模式 是 影响 
微 交 互 的 元 规则 。 


任何 微 交 互 的 第 一 部 分 都 是 触发 器 。 对 于 关闭 iPhone 的 铃声 而 言 ， 触 
发 器 是 由 用 户 拨 动 的 ， 也 就 是 说 用 户 必 须要 做 点 什么 (在 这 里 就 是 拨 
动 开关 ) 才能 开始 微 交 互 。 因 此 ， 很 多 微 交 互 都 始 于 对 用 户 需 求 的 理 
解 : 用 户 想 要 做 什么 ， 什 么 时 候 会 这 么 想 ， 有 多 频繁 。 es。 
了 触发 器 的 使 用 情境 、 操 作 方 式 和 存在 时 间 。 以 手机 静音 为 例 ， 
任何 时 候 都 有 可 能 想 要 关闭 铃声 ， 而 且 是 快速 关闭 。 因 此 ， Md 
( 响 铃 /静音 开关 ) 必须 随时 待命 ， 无 论 当 前 运行 着 什么 应 用 ， 都 需要 
能 够 立即 打开 或 关闭 声音 。 这 个 功能 实在 太 重 要 了 ， 因 此 iPhone 仅 有 
的 5 个 物理 按键 中 就 有 一 个 专门 用 作 静 音 的 触发 器 。 控 件 ， 无 论 数 字 
的 还 是 物理 的 ， 都 是 用 户 启动 的 触发 器 中 最 重要 的 组 成 部 分 ， 它 不 仅 
能 让 用 户 发 起 微 交互 (有 时 候 还 能 让 用 户 在 过 程 中 调整 微 交互 )， 而 
且 通 常 还 能 从 视觉 上 表明 微 交 互 还 在 持续 〈 见 图 1-14)。 如 果 iPhone 
没有 铃声 开启 /关闭 开关 ， 尽 管 你 想 要 这 个 功能 ， 也 不 知道 去 哪里 找 。 
在 很 多 老 款 手 机 (甚至 今天 的 很 多 手机 ) 中 ， 静音 控件 都 被 层 层 掩 埋 
在 了 设置 菜单 里 。 就 算 用 户 知道 到 哪里 去 设置 ， 打 开 或 关闭 铃声 都 需 
要 多 达 10 秒 钟 时 间 。 而 拨 动物 理 开关 则 只 需 不 到 1 秒 钟 。 


当然 ， 物 理 控 件 不 一 定 非 得 是 开关 。 尽 管 总 能 评 出 最 佳 设计 方案 ， 但 
再 好 的 设计 也 能 换 种 思路 重新 再 设计 一 次 。 在 Windows Phone 中 ， 静 
音 触 发 器 就 是 一 个 可 以 按 下 的 摇 杆 按钮 (也 用 于 控制 音量 )。 按 下 这 
个 按钮 ， 屏 幕 上 会 显示 一 个 覆盖 层 ， 让 用 户 选 择 响 铃 状态 是 “振动 ” 
还 是 “ 响 铃 + 振动 ”。 
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02:29 


Thursday 8 March 


图 1-14: 触发 器 的 例子 .在 iOS (以 及 Windows Mobile) 中 ， 手 机 锁 屏 时 
也 可 以 使 用 相机 。 按 一 下 相机 图 标 ， 底 部 的 滑动 条 就 会 向 上 抬 起 一 段 距 离 ， 
表示 向 上 滑动 可 以 触发 相机 。 当 然 ， 滑 动 解锁 也 可 以 


而 且 ， 触 发 器 也 不 一 定 由 用 户 启动 。 如 果 设 备 或 应 用 检测 到 某 些 条 
件 ， 同 样 可 以 由 系统 启动 触发 器 ， 从 而 开始 一 次 微 交 互 。 这 种 系统 启 
动 的 触发 器 越 来 越 多 。 触 发 条 件 多 种 多 样 ， 比 如 收 到 新 邮件 、 到 了 预 
定时 间 ， 或 者 股票 价格 、 用 户 位 置 变动 ， 等 等 。 比 如 手机 静音 ， 让 手 
机 与 日 程 关联 可 以 使 它 在 开会 的 时 候 自动 静音 。 或 者 与 位 置 关联 ， 让 
它 在 你 进入 电影 院 或 音乐 厅 时 自动 静音 。 随 着 应 用 和 设备 的 感应 范围 
越 来 越 广泛 、 环 境 感 知 能 力 越 来 越 强 ， 让 它 自 己 做 决定 的 机 会 就 越 来 
越 多 。 


就 算 不 是 所 有 用 户 都 愿意 了 解 能 够 启动 触发 器 的 各 种 手机 元 件 ， 至 少 
他 们 愿意 了 解 这 些 功能 的 运作 方式 。 就 像 “ 赞 助 商 X ”一样 ， 他 可 能 
就 想 知道 自己 的 手机 静音 之 后 到 底 会 怎么 样 。 换 名 话说， 用 户 需 要 了 
解 微 交 互 的 规则 。 


微 交 互 被 局 动 之 后 ， 就 会 引发 一 系列 行为 。 换 名 话说 ， 总 会 发 生 一 些 
人 LL 图 1-15)。 通 常 ， 这 意味 着 要 开始 某 种 功能 或 者 交互 ， 而 视 

上 只 会 看 到 应 用 或 设备 的 当前 状态 。 微 交互 此 时 或 许 会 根据 数据 来 
靖 训 用 户 想 韦 什么。 无 沧 如 条， 此 四部 入 有 条 规则 起 作用 ， 而 这 些 
规则 通常 是 由 设计 师 规 定 的 。 


图 1-15: 规则 的 示例 。 使 用 音乐 流 播放 服务 Spotify 并 在 另 一 个 平台 打开 它 ， 
先前 打开 的 Spotify 应 用 会 暂停 。 如 果 恢 复 第 一 个 实例 的 播放 状态 ， 另 一 个 平 
台 上 的 实例 就 会 暂停 。 这 样 就 形成 了 非常 一 致 的 跨 平台 的 体验 ( 蒙 Sebastian 
Hall 惠 允 使 用 ) 


就 拿 目 前 最 简单 的 微 交 互 一 一 开 灯 来 说 ， 只 要 一 按 下 触发 器 〈 开 关 )， 灯 
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就 会 打开 。 对 简单 的 照明 系统 而 言 ， 此 时 只 有 一 条 规则 : 按 下 开关 ， 开 
灯 。 如 果 增 加 一 个 调 光 器 或 运动 检测 器 〈 在 检测 到 没有 运动 的 物体 时 关 
闭 开关 )， 就 可 以 修改 这 条 规则 。 但 “ 按 下 开关 就 可 以 开 灯 ”这 条 规则 实 
在 太 简单 了 ， 简 单 到 就 连 一 个 孩子 都 知道 怎么 开 灯 。 


如 果 是 应 用 程序 或 者 电子 数字 设备 ， 那 么 就 算是 很 小 的 微 交 互 ， 其 规 
则 都 要 微妙 得 多 ， 而 且 也 更 不 容易 理解 。 比 如 “赞助 商 X”， 他 由 于 
不 了 解 自己 手机 静音 的 规则 而 导致 了 交响 乐 演出 意外 终止 ， 如 果 他 能 
得 到 反馈 就 好 了 〈 接 下 来 我 们 会 讲 反 馈 ) ， 因 为 规则 本 身 是 看 不 见 的 。 
与 19 世纪 的 机 械 设备 不 同 ,今天 的 用 户 通常 都 看 不 到 触发 器 启动 之 
后 的 过 程 。( 这 个 “特性 ”被 黑客 无 数 次 地 利用 ， 从 而 让 受害 者 在 不 
知情 的 情况 下 把 病毒 安装 到 自己 的 计算 机 上 。) 


a 第 3 章 将 介绍 规则 。 


在 使 用 数字 设备 时 ， 我 们 看 到 和 听 到 的 都 很 抽象 。 只 有 极 少数 用 户 知 
道 自己 在 使 用 软件 和 设备 时 到 底 发 生 了 什么 。 比 如 说 ， 你 根本 就 没有 
把 “文件 ” 放 到 过 “文件 夹 ” 里 ， 而 你 的 “邮箱 ”里 也 从 来 没有 收 到 
过 “邮件 ”"。 这 些 词 不 过 是 比喻 ， 都 是 为 了 让 用 户 理解 交互 过 程 才 发 
明 的 。 你 所 看 到 、 听 到 或 感受 到 的 能 够 帮助 你 理解 系统 规则 的 东西 ， 
就 是 反馈 ， 也 就 是 微 交 互 的 第 三 部 分 。 


反馈 的 形式 可 以 多 种 多 样 ， 比 如 可 以 是 视觉 上 的 ， 可 以 是 听觉 上 的 ， 
也 可 以 是 触觉 上 的 (振动 )。 有 时 候 ， 反 馈 会 很 突出 也 很 明显 ， 比 如 
拨 动 开关 时 亮 起 的 灯光 ， 有 时候， 反馈 会 很 微妙 也 很 难 发 现 ， 比 如 邮 
件 应 用 或 移动 应 用 中 的 “未 读 ” 图 标 ， 有 时候， 在 使 用 导航 仪 做 好 路 
线 规划 后 ， 它 会 通过 语音 明确 告诉 你 什么 时 候 转弯 ， 有 时 候 ， 在 某 种 
复杂 的 情况 下 ， 内 烁 的 LED 灯光 又 容易 让 人 误解 ， 有 时 候 ， 口 袋 里 的 
手机 在 收 到 短信 时 ， 会 像 放屁 一 样 “ 哎 ” 地 一 响 ， 引 来 别人 异样 的 目 
光 ， 有 时 候 ， 数 字 屏 打开 时 的 声音 又 像 是 “窃窃 私语 ”。 反 馈 最 重要 
的 是 与 动作 相配 ， 尽 可 能 以 最 合适 的 方式 传达 信息 。 
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在 关闭 手机 铃声 的 例子 中 ， 让 手机 静音 有 两 个 反馈 : 一 是 开关 在 被 打 
开 和 关闭 时 ， 屏 幕 上 会 短暂 显示 一 个 覆盖 层 ， 二 是 手机 在 静音 状态 下 ， 
开关 上 会 显示 栖 色 的 细 条 。 而 根本 看 不 见 的 ， 同 时 也 让 “赞助 商 X” 
频 面 和 地 的 ， 则 是 铃声 虽然 关闭 ， 但 设 定 的 闹 铃 照样 会 响 。 屏 幕 上 也 
没有 任何 提示 (除了 只 会 显示 儿 秒 钟 的 覆盖 层 之 外 ) 说 明 铃 声 已 经 关 
闭 。 这 些 都 是 设计 权衡 的 结果 。 


et ee 实际 上 ， 可 以 说 反 
馈 (连同 整个 外 观 一 起 ) 完全 决定 了 产品 的 个 性 。 


有 反馈 不 局 限于 图 片 、 声 音 和 振动 ， 还 可 以 是 动画 ( 见 图 1-16)。 微 交 
互 该 如 何 出 现 又 如 何 消失 ?物体 移动 时 会 怎么 样 : 它 跑 得 有 多 快 ? 物 
体 移动 的 方向 有 意义 吗 ? 


Process My Order! 


| Process My Order! 


SOGss My Order 


图 1-16: 反馈 的 例子 。 在 Coda2 中 ,“Process My Order”( 提 交 订 单 ) 按 
钮 会 在 被 按 下 时 变 成 进度 条 。 不 过 ， 按 钮 文本 应 该 依次 变 成 “Processing 
Order”( 正 在 提交 订单 ) 和 “Order Processed!”( 订 单 提交 完毕 ! ) ( 蒙 
Christophe Hermann 和 “Little Big Details” 惠 允 使 用 ) 


反馈 也 可 以 有 自己 的 规则 ， 比 如 什么 时 候 出 现 ， 如 何 改变 颜色 ， 如 何 
在 用 户 旋转 手中 的 平板 电脑 时 ) 旋转 屏幕 。 这 些 规则 本 身 也 可 以 发 
展 成 微 交 互 ， 因 为 用 户 可 能 希望 手工 设置 它们 。 


一 、 


Ee 

, 
何必 
[NA 

四 


第 4 章 将 介绍 反馈 
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微 交 互 的 最 后 一 部 分 是 循环 与 模式 ， 它 们 构成 了 元 规则 。 微 交互 随 着 
时 间 推 移 会 怎么 样 : 交互 状态 要 等 到 手工 关闭 才 结 束 〈 就 像 啊 铃 / 静 
音 开关 那样 )， 还 是 说 等 一 小 会 儿 就 退出 交互 状态 ?有 事件 打 断 交互 
时 或 者 条 件 变化 时 又 会 怎么 样 ? 图 1-17 展示 了 一 个 例子 。 


ltem 


New other (see details) 
condition 


Quantity: 7 5 available / 60 sold 


Add tp. wateh list | | 


图 1-17; 循环 的 例子 。 在 eBay 上 ， 如 果 你 曾经 买 过 相同 的 商品 ， 购 买 按 
钮 就 会 由 “Buy it now”( 马 上 购买 ) 变 成 “Buy another”( 再 次 购买 ) ( 蒙 
Jason Seney 和 “Little Big Details” 惠 允 使 用 ) 


有 些微 交互 会 包含 不 同 的 模式 (尽管 通常 不 太 受 欢迎 )。 例 如 一 个 天 
气 应 用 ， 其 主 (默认 ) 模式 就 是 显示 天 气 ， 但 用 户 有 可 能 必须 要 进入 
另外 一 个 模式 ， 才 能 输入 地 名 查看 某 地 天 气 。 


4、| 。 第 5 章 将 讨论 循环 与 模式 。 


1.4 微 交 互 的 设计 理念 

把 微 交 互 集成 到 产品 中 有 三 种 方式 。 第 一 种 方式 是 逐个 设计 微 交 互 。 在 
设计 产品 的 过 程 中 ， 或 者 在 简化 既 有 产品 时 ， 尽 量 找 出 所 有 可 能 的 微 交 
互 。 列 一 个 微 交 互 的 单子 ， 然 后 各 个 击破 。 针 对 每 个 微 交 互 ， 按 照 本 书 
已 经 介绍 的 结构 周密 考虑 ， 和 争取 让 每 个 部 分 都 有 上 佳 表现 。 最 终 你 会 得 
到 一 流 的 微 交 互 ， 可 能 还 会 创造 出 标志 性 时 刻 (Signature Moments)。 


标志 性 时 刻 就 是 那些 成 为 产品 差异 化 标志 的 微 交 互 。 一 个 自 定义 的 触发 
器 控件 〈 比 如 iPod 早期 版 本 中 的 滚动 轮 ) 或 者 一 段 漂亮 的 “加 载 中 ……” 
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动画 或 者 一 种 好 听 的 声音 〈 您 有 新 的 邮件 ， 请 注意 查收 ! “)， 都 可 以 像 
功能 一 样 加 以 宣传 和 和 营销 ， 而 且 可 以 跨 平台 使 用 ， 或 者 在 同一 品牌 下 不 
同 的 产品 中 使 用 。 这 种 标志 性 时 刻 有 助 于 提升 客户 忠诚 度 和 品牌 差异 化 。 
就 像 Facebook 的 “Like” 按 钮 ， 已 经 成 为 其 品牌 不 可 分 割 的 一 部 分 。 


各 个 击破 方式 的 挑战 在 于 如 何 限定 每 个 微 交 互 的 范围 。 有 一 种 将 微 交 
互 转换 成 功能 的 趋势 ， 和 毕竟 大 多 数 设 计 师 对 设计 功能 都 很 熟悉 。 我 们 
都 恨不得 抓 住 一 些 大 问题 ， 把 一 切 都 解决 掉 。 微 交互 就 是 在 限定 条 件 
下 做 设计 的 实践 ， 而 且 要 尽 可 能 做 小 。 应 该 明确 各 种 约束 条 件 ， 专 注 
于 把 一 件 事 件 做 好 。 极 简 主 义 建筑 大 师 密斯 . 几 德 罗 (Mies van der 
Rohe) 的 名 言 “ 少 即 是 多 ”， 也 应 该 成 为 微 交互 设计 师 的 座右铭 。 


第 二 种 看 待 微 交互 的 方式 ， 是 把 复杂 的 应 用 程序 简化 为 个 别 的 产品 ， 
每 个 产品 构建 于 一 个 微 交互 之 上 。 这 是 一 种 把 微 交 互 作为 产品 的 策略 ， 
即 让 产品 专注 于 一 件 事 ， 而 且 把 这 件 事 做 好 。 把 产品 简化 到 极 至 ， 尽 
显 佛 性 (Buddha nature) 。 如 果 你 觉得 需要 给 产品 增加 另 一 个 功能 ， 那 
另 一 个 功能 本 身 就 该 做 成 一 个 产品 。 很 多 家 电 、 应 用 和 设备 ， 包 括 早 
期 的 iPod， 都 遵循 这 个 理念 。 这 也 是 很 多 创业 公司 〈 至 少 是 创业 之 初 ) 
的 理念 ， 比 如 Instagram 和 Nest: 他 们 都 坚持 把 一 件 事 做 好 。 这 种 
“最 小 化 的 可 行 产 品 ” 可 能 就 是 一 种 微 交 互 。 这 种 方式 可 以 保证 和 驱使 
你 从 根本 上 简化 产品 ， 让 你 能 够 对 任何 增加 功能 的 声音 说 不 。 当 然 ， 
坚守 这 种 理念 不 容易 ， 特 别 是 在 那些 喜欢 满足 用 户 一 切 需 求 的 公司 里 ， 
就 更 难 了 。 想 象 一 下 : 你 该 怎么 把 Microsoft Word 简化 成 一 个 个 单独 
的 产品 ? 实际 上 ， 很 多 竞争 性 产品 正在 这 么 做 。 比 如 ，WriteApp 只 负 
责 写 ， 别 除了 文字 处 理 程序 的 大 多 数 功 能 ， 最 后 只 专注 于 写 ， 只 为 写 
作者 服务 。Evernote 最 初 也 源 自 一 个 简单 的 微 交 互 : 跨 平 台 记 事 。 


还 有 第 三 种 看 待 微 交互 的 方式 ， 那 就 是 把 最 复杂 的 数字 产品 艇 开 抒 
碎 ， 发 现 它 由 几 十 其 至 几 百 个 微 交 互 构成 。 可 以 把 产品 当成 所 有 这 些 
微 交 互 和 谐 共处 的 结果 。 这 也 是 Charles Eames 说 细节 是 设计 的 真正 
含义 。 一切 都 是 细节 ， 一切 都 是 微 交互 。 微 交互 就 是 取悦 于 人 的 机 
会 ， 微 交互 就 是 给 用 户 惊喜 的 机 会 。 正 如 德国 著名 工业 设计 师 迪 特 ， 
拉 姆 斯 (Dieter Rams) 所 说 : 
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在 我 内 心 深 处 ,永远 有 一 块 地 方 为 细节 而 保留 。 我 认为 细节 

比 蓝图 更 重要 。 没 有 细节 ， 一 切 臂 空谈。 细节 是 本 质 ， 是 评 

价 质 量 的 标准 。” 
简 言 之 ， 把 每 个 功能 性 的 细节 都 看 成 一 个 微 交互 ， 把 整个 产品 看 成 一 
整套 微 交 互 的 集合 。 这 种 方式 下 的 产品 设计 之 美 ， 在 于 它 反 映 了 很 多 
公司 都 大 力 倡 导 的 小 型 化 、 敏 捷 式 的 工作 方法 ( 见 图 1-18)。 当 然 ， 
缺点 就 是 可 能 会 迷失 在 微 交 互 中 ， 只 见 树木 而 不 见 森 林 ， 最 终 导致 所 
有 细节 不 能 构成 一 个 整体 。 这 种 工作 方式 需要 更 多 时 间 和 努力 。 


图 1-18: 无 论 是 以 标准 模式 (“Plain”) 还 是 卫星 模式 (“Satellite”) 查看 谷歌 
地 图 ， 用 于 切换 视图 的 部 件 都 会 显示 相应 区 域 的 地 图 ， 而 且 显 示 的 是 当前 视图 
背后 的 另 一 个 视图 的 预览 ( 蒙 Hugo Bouquard 和 “Little Big Details” 惠 人 允 使 用 ) 


注 6: 出 自 Dieter Rams 与 Rido Busse 的 对 话 (1980)，Design: Dieter Rams (1981) 中 
也 有 记载 。 


对 于 那些 以 快速 完工 而 著称 的 公司 来 说 ， 这 条 路 并 不 容易 走 通 。 说 实 
话 ， 这 种 方式 对 任何 设计 师 也 同样 都 是 挑战 ， 因 为 客户 和 干系 人 会 更 
关注 全 局 ， 而 不 是 那些 能 够 增强 功能 或 改进 全 局 体验 的 小 细节 。 没 
错 ， 很 难 有 足够 的 时 间 让 你 专注 于 微 交 互 。 要 说 服 业 务 和 开发 团队 ， 
让 他 们 认可 在 微 交互 设计 上 多 花 时 间 可 不 容易 。 对 设计 和 开发 而 言 ， 
这 就 意味 着 延长 工期 。 但 这 时 间 确 实 值得 花 。 


“赞助 商 X” 那 令 人 惩 众 的 故事 提醒 我 们 微 交 互 很 重要 ， 而 设计 师 
的 任务 就 是 把 它们 设计 好 ， 否 则 就 会 给 用 户 带 来 挫折 和 困难 。Larry 
Tesler 在 想 明白 可 以 更 好 地 在 文档 内 移动 文本 时 也 知道 了 这 一 点 ， 因 
此 剪 切 和 粘贴 才 得 以 诞生 。 微 交互 可 以 让 世界 变 得 更 好 ， 每 次 只 改变 
一 点 点 。 所 有 改变 都 始 于 触发 器 。 


1.5 小结 

微 交互 就 是 产品 那些 功能 性 的 细节 。 专 注 于 微 交互 是 创建 优秀 用 户 体 
验 的 必由之路 。 

说 起 微 交互 的 历史 ， 可 以 追溯 到 第 一 台电 子 设备 。 当 前 数字 产品 很 多 
约定 俗 成 的 交互 标准 ， 都 曾 是 微 交 互 领域 革命 的 战果 。 

一 个 微 交 互 由 四 个 部 分 构成 : 触发 器 启动 微 交互 、 规 则 规定 微 交互 如 
何 起 作用 、 反 馈 传 达 规 则 信息 ， 而 循环 和 模式 构成 微 交互 的 元 规则 。 

有 三 种 看 待 微 交 互 的 方式 ;找到 它们 并 各 个 击破 、 把 复杂 的 功能 简化 
为 基本 的 微 交互 ， 以 及 把 每 个 功能 当 作 一 组 相互 联系 的 微 交 互 。 
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触发 器 


20 世纪 90 年 代 ， 纽 约 市 公共 运输 局 开始 在 公交 车 和 地 铁 中 推行 
MetroCard (交通 卡 )， 取 代 自 1904 年 实行 的 代 币 付费 制度 。 当 时 纽 
约 市 公交 地 铁 系统 每 日 运送 乘客 700 万 人 次 ， 而 MetroCard 就 是 一 张 
注 薄 的 像 名 片 一 样 的 塑料 卡片 。 主 管 部 门 认为 ， 分布 在 5 个 区 的 几 百 
台 自 动 售 货 机 可 以 满足 乘客 购买 和 充值 的 需要 。 但 这 件 事 没有 想象 的 
那么 顺利 。 纽 约 市 常住 人 口 超过 800 万 ， 还 有 数 千 万 人 居住 在 三 州 交 
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界 区 。 根 据 纽约 市 城市 规划 局 的 报告 ，2000 年 纽约 常住 人 口中 有 36% 
是 国外 出 生 的 。 由 于 不 说 英语 的 人 很 多 ，2002 年 的 小 语种 杂志 和 报纸 
就 有 40 种 "“。 此 外 ， 还 有 几 万 人 有 视力 障碍 、 行 动 不 便 ， 识 字 很 少 或 
根本 不 识字 ， 当 然 其 中 有 些 人 兼 具 几 种 特征 。 据 官方 报告 ， 纽 约 市 每 
年 有 3500 多 万 名 游客 〈 某 些 年 份 达到 过 5000 万 ) ， 其 中 相当 一 部 分 
人 会 选择 地 铁 出 行 ， 而 这 些 人 里 只 有 少数 熟悉 地 铁 线路 ， 或 者 知道 怎 
么 购买 MetroCard。 事 实 上， 纽约 大 都 会 运输 署 (MTA，Metropolitan 
Transit Authority) 曾经 针对 MetroCard 售卖 机 做 过 调研 ， 用 户 认 为 其 
外 形 难看 ， 而 且 操 作 界面 也 不 好 理解 。 


设计 师 Masamichi Udagawa、Sigi Moeslinger， 还 有 他 们 在 Antenna 设 
计 公司 的 团队 接受 了 这 一 挑战 ， 担 负 起 设计 MetroCard 售 卡 机 的 任务 。 


正如 Moeslinger 后 来 提 到 的 “， 她 们 必须 排除 用 户 有 使 用 触摸 屏 自 
动 终端 的 经 验 。 那 是 90 年 代 中 期 ， 服 务 业 之 外 的 人 很 少 有 机 会 使 用 
触摸 屏 〈 当 时 的 触摸 屏 一 般 在 酒吧 或 快餐 店 柜台 )， 只 有 一 个 例外 : 
ATM 机 ， 也 就 是 银行 的 自动 取款 机 。 设 计 师 假设 用 户 至 少 都 应 该 用 
过 ATM 机 ， 但 后 来 才 知 道 也 不 是 那么 回 事 。 当 时 ， 纽 约 公 交 系 统 的 
乘客 中 有 50% 的 人 根本 没有 银行 账号 ， 自 然 就 没有 ATM 卡 。 这 些 人 
很 可 能 怎么 也 不 会 适应 MetroCard 售 卡 机 。“ 触 摸 屏 对 这 些 人 来 说 是 
不 可 想象 的 。” Moeslinger 说 。 仅 仅 是 让 这 几 百 万 人 了 解 和 使 用 这 种 新 
机 器 就 是 一 个 难题 。 


Antenna 决定 让 这 种 机 器 的 每 个 屏幕 只 做 一 件 事 。“ 它 模拟 对 话 框 ， 每 
个 屏幕 只 问 一 个 问题 。”Moeslinger 说 。( 换 句 话 说， 她们 把 每 个 屏幕 
都 当成 了 一 个 微 交 互 。) 纽约 大 都 会 运输 署 认为 这 样 做 有 问题 ， 因 为 
会 导致 每 次 交易 时 间 太 长 。 数 百 万 人 使 用 这 种 机 器 ， 每 个 人 多 耽搁 几 
秒 钟 就 会 导致 运输 公司 和 乘客 们 抱 忽 。 但 不 这 样 做 恰恰 更 会 导致 这 个 
问题 。“ 与 交易 过 程 中 显示 屏幕 的 数量 相 比 ， 能 否 让 乘客 快速 地 理解 
屏幕 信息 对 交易 速度 的 影响 更 大 。” 


注 1: 参见 2002 年 7 月 10 日 Editor & Puplisher 的 文章 “Ethnic Press Booms In New York City”。 
注 2: 完整 的 内 容 请 见 她 2008 年 在 Interaction08 上 的 演讲 “Intervention-Interaction”。 
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Antenna 研究 了 两 种 交互 模型 。 一 种 是 先 放 钱 ， 再 选择 做 什么 〈 类 似 


自动 售 货 机 ) ， 另 一 种 是 先 选择 做 什么 ， 然 后 再 放 钱 


。 用 户 更 偏向 第 


二 种 ， 而 真正 的 问题 在 于 怎么 让 用 户 上 和 手 使 用 这 种 新 机 器 。 


她 们 的 方式 是 把 整 块 触摸 屏 做 成 一 个 巨大 的 触发 器 ( 见 图 2-1)。 第 1 
章 提 到 过 ， 触 发 器 指 的 就 是 启动 微 交 互 的 物理 或 数字 控件 。 在 这 个 例 
子 中 ， 整 个 空闲 屏幕 (每 次 交易 完成 后 或 者 机 器 空 闪 时 显示 的 屏幕 ) 
变 成 了 一 个 巨大 的 行动 召唤 〈call to action) : 按 一 下 开始 。 如 图 2-1 
所 示 ，Antenna 去 掉 了 屏幕 上 一 切花 里 胡 哨 的 东西 ， 只 专注 于 吸引 用 


户 看 到 触发 器 。 单 词 “start” 出 现 三 次 ， 而 “touch” 
动画 也 指向 “Start” 按 钮 。 但 实际 上 ， 整 个 屏幕 都 是 


出 现 两 次 。 手 指 
触发 器 。 不 管 你 


按 哪 里 ， 都 可 以 马上 开始 使 用 机 器 。 Start ”按钮 只 是 一 个 视觉 提示 ， 
或 者 一 个 人 造 的 功能 点 (affordance)， 为 的 只 是 让 人 知道 “ 按 ” 屏 幕 
可 以 启动 (实际 上 只 需要 轻 轻 碰 一 下 )。 虽 然 表 面 上 看 只 有 按钮 是 触 
发 器 ， 但 实际 上 整个 屏幕 都 布 满 了 触发 器 。 这 个 为 应 对 巨大 挑战 而 提 


出 的 解决 方案 非常 经 典 ， 一 直 治 用 十 多 年 。 


2-1: MetroCard 售 卡 机 的 空闲 屏幕 。Antenna 设计 公司 有 意 强调 屏幕 上 的 
触发 器 ， 但 跟 表面 上 看 起 来 不 一 样 的 是 ， 并 非 只 有 右上 角 的 按钮 才 是 触发 器 ， 


实际 上 整个 屏幕 都 是 ( 蒙 Antenna Design 惠 允 使 用 ) 
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MetroCard 售 卡 机 引入 了 第 一 条 关于 触发 器 的 规则 : 触发 器 必须 让 用 
户 在 使 用 情境 下 认 出 来 其 是 触发 器 。 触 发 器 可 以 是 物理 的 控件 ， 也 可 
以 是 像 MetroCard 售 卡 机 上 的 假 “Start” 按 钮 一 样 的 按钮 图 像 ， 或 者 
是 任务 栏 、 菜 单 栏 中 的 一 个 图 标 。 要 把 它 设计 得 让 人 一 看 就 知道 能 通 
过 它 做 什么 ， 而 且 要 吸引 人 。 虽 然 大 多 数 微 交 互 都 没有 必要 弄 一 个 发 
光 的 手指 指向 开始 按钮 ， 但 在 其 使 用 情境 下 ， 这 种 触发 器 是 有 用 的 ， 
而 且 非 常 有 效 。 


2.1 手动 触发 器 


微 交 互 从 哪里 开始 呢 ? 通常 都 是 从 用 户 打 开设 备 或 启动 应 用 时 最 先 磁 
到 的 东西 开始 。 最 早 的 触发 器 是 有 开 和 关 两 个 状态 的 开关 (以 及 功能 
等 价 的 数字 化 界面 控件 )。 开 关 和 MetroCard 售 卡 机 的 “Start” 屏 幕 
一 样 ， 都 是 手动 触发 器。( 稍 后 我 们 介绍 由 系统 发 起 的 自动 触发 器 。) 


手动 触发 器 通常 源 自 用 户 的 期 待 或 需求 :“ 我 想 打 开 电 视 。“ 我 想 
关 折 手机 铃声 。“ 我 得 把 这 一 段 文 字 从 一 个 地 方 移动 到 另 一 个 地 
方 。“ 我 想 买 一 张 MetroCard。” 从 总 体 来 看 ， 理 解 用 户 想 要 〈 或 需 
要 ) 做 什么 、 什 么 时 候 想 做 ， 以 及 在 什么 情境 下 想 做 是 非常 重要 的 。 
这 些 问 题 决 定 了 手动 触发 器 在 什么 时 候 、 什 么 地 方 出 现 。 或 许 任何 情 
况 下 都 必须 可 用 ， 比 如 开关 按钮 ， 或许 跟 使 用 情境 紧密 相关 ， 只 有 各 
种 条 件 具 备 的 时 候 ， 比 如 进入 特定 的 模式 或 者 进入 应 用 的 特殊 功能 区 
域 时 才 出 现 。Microsoft Office 的 “迷你 格式 化 工具 条 ”只 在 你 选中 文 
本 时 才 会 出 现 。 理 解 用 户 需求 的 方式 有 很 多 ,借助 设计 研究 (观察 、 
访问 、 演 习 ) 或 凭借 对 相关 领域 的 直觉 和 理解 去 体察 是 常见 的 方式 ， 
而 等 到 产品 测试 、 产 品 发 布 或 上 市 时 再 认识 到 用 户 需求 就 为 时 已 晚 。 
所 以 ， 让 触发 器 的 位 置 跟 用 户 需求 〈 何 时 、 何 地 ) 相 吻 合 是 非常 关键 
的 。( 参 见 2.1.2 市 的 “手动 触发 器 要 引 人 注 目 ”,) 


x 


触发 器 的 第 二 条 规则 : 保证 触发 器 每 次 都 触发 相同 的 动作 。 这 还 用 得 着 
说 吗 ? 有 读者 可 能 会 感到 不 可 思议 。 事 实 上 ， 唯 有 如 此 才能 保证 用 户 对 
微 交 互 形成 准确 的 心智 模型 。 而 且 ， 现 实 当中 违反 这 一 条 的 现象 不 胜 枚 
举 。 技 术 评 论 家 David Pogue 曾 这 样 评论 过 Samsung 的 笔记 应 用 S Note: 
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S Note 中 的 某 些 图 标 不 同 的 时 候 按 会 显示 不 同 的 菜单 。 我 可 不 

是 瞎说 的 3。 
还 有 一 个 例子 就 是 iPhone 和 iPad 的 主屏 幕 按钮 ， 按 这 个 按钮 会 返回 主 
屏幕 ， 如 果 本 来 就 在 主屏 幕 上 ， 那 么 就 会 转 到 搜索 屏幕 。( 和 暂且 不 说 按 
两 次 或 按 住 不 放 又 会 执行 什么 动作 。 参 见 5.1 节 中 “弹簧 模式 与 一 次 性 
模式 ”。) 虽然 在 一 个 按钮 上 绑 定 多 个 功能 是 为 了 重用 有 限 的 硬件 ， 但 在 
主屏 幕 状态 下 按 一 次 就 跑 到 搜索 屏幕 恐怕 也 太 离 谱 了 ， 这 时 候 应 该 什么 
也 不 做 才 对 (或 者 给 出 “ 嘿 ， 您 已 经 在 主屏 幕 了 ! ”之 类 的 提示 )。 


说 起 效果 最 差 的 可 见 触发 器 ， 想 怕 要 数 下 拉 菜 单 中 的 菜单 项 了 。 羔 单 
项 因为 在 菜单 里 ， 所 以 实际 上 是 不 可 见 的 。 它 们 对 应 的 微 交 互 一 般 都 
不 常用 ， 而 把 它们 隐藏 在 菜单 里 会 给 用 户 查找 带 来 一 些 不 便 。 当 然 ， 
把 一 个 不 常用 的 微 交互 的 触发 器 直接 放 到 屏幕 上 似乎 也 不 太 好 。“ 设 
置 ”就 是 一 个 典型 的 例子 ， 用 户 不 会 每 天 都 用 到 它 ， 但 它 对 某 些 应 用 
又 非常 重要 (比如 图 2-2 中 的 桌面 就 是 通过 “设置 ”决定 的 )。 因 此 ， 
设计 这 样 一 个 触发 器 ， 特 别 是 权衡 其 可 见 性 从 来 都 是 个 设计 难题 。 


图 2-2: 在 Gnome 桌面 上 ,文件 图 标 不 是 静态 的 , 而 是 会 显示 内 容 的 前 三 行 ( 蒙 
Drazen Peric 和 “Little Big Details” 惠 人 允 使 用 ) 


注 3: 参见 2012 年 8 月 15 日 《纽约 时 报 》 的 报道 “A Tablet Straining to Do TtAll” (http:// 
nyti.ms/17Szx8y )。 
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2.1.1 提前 展示 数据 

手动 触发 器 的 第 三 个 规则 是 提前 展示 数据 。 触 发 器 本 身 可 以 反映 微 交 
互 中 包含 的 数据 。 问 问 自己 ， 在 微 交 互 开始 之 前 或 者 启动 过 程 中 ， 有 
什么 内 部 状态 可 以 展示 ? 什么 信息 最 有 价值 ， 可 以 在 这 时 候 展 示 出 
来 ? 要 回答 这 个 问题 ， 必 须知 道 大 多 数 用 户 使 用 微 交 互 干 什么 ， 而且 
必须 在 微 交 互 开始 之 前 就 要 掌握 那个 关键 的 信息 。 比 如 股市 应 用 ， 它 
可 以 通过 颜色 或 箭头 表示 当前 市 场 或 股票 的 状态 ， 提 醒 用 户 是 否 有 必 
要 局 动 微 交互 。 此 时 的 触发 器 本 身 就 是 一 个 背景 信息 ， 用 户 扫 视 时 注 
意 到 它 就 可 能 启动 微 交 互 。 


触发 器 也 可 以 表示 产品 中 任务 的 进度 〈 见 图 2-3)。 比 如 启动 烤 面 包机 
的 按钮 时 ， 它 应 该 告诉 用 户 烤 好 面包 需要 多 长 时 间 。 


CIID Ghrome 


8@ 


图 2-3: 谷歌 的 Chrome 浏览 器 图 标 (启动 浏览 器 的 触发 器 ) 也 会 显示 当前 的 
下 载 任务 和 下 载 进度 


2.1.2 ”触发 器 的 构成 
手动 触发 器 包含 三 个 部 分 : 控件 、 控 件 状 态 、 文 本 或 图 示 标 签 。 


1. 控件 
手动 触发 器 至 少 要 有 一 个 控件 ( 见 图 2-4)。 至 于 选择 什么 样 的 控件 ， 
取决 于 你 想 给 出 多 少 个 控件 。 


。 对 于 一 个 动作 (例如 “ 快 进 ”) ,一 个 按钮 或 简单 手势 足 作 。 这 里 的 “ 按 
钮 ”可 以 是 图 标 或 菜单 项 ,而 手势 可 以 是 轻 击 、 请 动 或 摇动 。 当 然 ， 
按钮 同样 也 可 以 是 (或 者 搭配 ) 一 个 键盘 命令 或 一 个 手势 。 
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。 对 于 有 两 个 状态 (例如 “ 开 ” 或 “ 关 ”) 的 动作 ,一 个 拨 动 开关 足 锋 。 
拨 动 按钮 当然 也 可 以 ， 但 问题 是 按钮 很 难 表现 状态 ， 因 此 不 能 让 人 
一 目 了 然 ， 甚 至 用 户 不 会 想到 按钮 还 有 另 一 种 状态 。 第 三 种 (或 许 
也 是 最 差 的 ) 可 能 是 使 用 常规 按钮 ， 按 一 下 改变 状态 。 如 果 你 想 使 
用 这 种 方法 ， 那 应 该 保证 按钮 状态 绝对 清楚 。 灯 本 身 就 有 清楚 的 开 
关 状 态 ， 因 此 常规 ( 非 拨 动 ) 按钮 可 以 用 于 控制 灯 的 打开 和 关闭 。 

。 对 于 有 多 个 状态 的 动作 ， 可 以 使 用 拨号 盘 。 除 了 有 一 个 止 动 装置 ， 
拨号 盘 还 有 一 个 推 / 拉 状态 。 另 外 ， 也 可 以 使 用 一 组 按钮 ， 每 个 按 
钮 代表 一 个 选项 。 

。 对 于 在 一 定 范围 内 连续 进行 的 动作 (例如 调整 音量 ) ， 清 动 条 或 拨 
号 盘 (特别 是 能 够 快速 旋转 的 Jog Dial 转 点 通 滚 轮 ) 是 最 佳 选 择 。 
另外 ， 特 别 是 在 没有 一 定 范 围 的 情况 下 ， 可 以 使 用 两 个 按钮 来 改变 
值 的 大 小 或 高 低 。 

。 有 些 手 动 触发 器 由 多 个 控件 或 表单 字段 〈 单 选 按钮 、 复 选 框 、 文 本 
输入 字段 ) 之 类 的 元 素 组 织 。 比 如 ， 登 录 这 种 微 交 互 就 需要 文本 输 
入 字段 来 填写 用 户 名 和 密码 。 多 个 控件 组 成 的 触发 器 要 尽量 少 用 ， 
如 果 要 用 , 最 好 也 要 能 自动 填充 之 前 输入 过 的 值 或 者 智能 的 默认 值 。 


控件 标签 
状态 
i 
默认 翻转 是 停 激活 


图 2-4: 控件 的 组 成 部 分 

除了 按钮 、 开 关 、 拨 号 盘 等 传统 控件 之 外 ， 还 可 以 有 自 定义 的 控件 ， 
比如 最 早 〈 非 触摸 ) iPod 上 的 滚轮 。 自 定义 控件 可 以 让 微 交 互 显得 别 
有 具 一 格 ， 甚 至 可 以 使 微 交 互 成 为 标志 性 时 刻 。 自 定义 控件 也 可 以 是 手 
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势 或 触摸 方式 〈 参 见 本 节 后 面 “不 可 见 的 触发 器 ”) 。 


微 交 互 的 目标 是 使 选项 最 少 ， 而 不 是 提供 智能 默认 值 和 非常 有 限 的 选 
项 。 选 作 触发 器 的 控件 应 该 体现 这 一 理念 。 


控件 与 视觉 使 用 情境 (visual affordance) ， 即 用 户 期 待 能 看 到 什么 ， 
紧密 相关 。 触 发 器 的 第 四 条 规则 就 是 不 要 破坏 视觉 使 用 情境 。 换 句 话 
说 ， 如 果 触 发 器 看 起 来 像 按钮 ， 那 它 就 应 该 像 按 钮 一 样 能 被 按 下 去 。 

手动 触发 器 要 引 人 注 目 。 关 于 触发 器 的 最 重要 问题 是 : 触发 器 要 有 多 
引 人 注 目 ?” 触 发 器 的 第 五 条 规则 是 用 得 越 多 的 触发 器 越 要 引 人 注 目 。 
畅销 书 作 者 Scott Berkun 对 引 人 注 目 这 一 点 有 过 精彩 的 评述 ， 以 下 是 
我 移植 到 微 交互 的 版 本 : 


多 数 人 经 常 要 用 的 微 交互 ， 应 该 最 引 人 注 目 。 
少数 人 有 时 会 用 的 微 交 互 ， 应 该 容易 注意 到 。 
极 少 数 人 不 常用 的 微 交互 ， 应 该 通过 搜索 找 。4 
这 是 判断 触发 器 需要 多 引 人 注 目的 黄金 规则 。 
可 是 ， 我 们 到 底 怎 么 发 现 事 物 呢 ? 


人 类 注意 周围 环境 中 事物 的 情况 分 两 种 。 第 一 种 ， 周 围 的 事物 如 果 正 
在 移动 或 发 出 了 声响 ， 会 让 人 不 自觉 地 注意 它们 。 这 种 对 于 刺激 的 反 
应 是 我 们 祖先 生存 的 本 能 ， 正 因为 有 这 个 本 能 ， 他 们 才 会 注意 到 周围 
的 犀牛 和 其 他 危险 动物 。 设 计 师 可 以 利用 这 一 点 ， 通 过 移动 和 声响 来 
吸引 人 注意 触发 器 。 但 这 样 做 有 时 会 令 人 讨厌 ， 特 别 是 在 桌面 或 网 页 
中 。 由 于 人 类 对 移动 和 声响 会 不 自觉 地 关注 ， 因 此 较 高 优先 级 的 微 交 
互 的 触发 嚣 才 可 以 使 用 这 种 方式 。 而 能 够 不 断 这 样 做 的 ， 只 有 那些 最 
高 优先 级 的 微 交 互 ， 比 如 出 错 和 警告 。 


人 类 关注 事物 的 第 二 种 情况 是 主动 搜寻 ， 即 有 目的 地 寻找 。 我 们 会 盯 
住 茶 些 东西 或 区 域 ,希望 从 中 找到 满足 自己 需要 的 内 容 。 只 要 视力 没 


注 4: 改编 自 Scott Berkun 的 文章 “The Myth of Discoverability” (http://t.cn/zHrpaOk ) 。 
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有 问题 ， 这 种 发 现 事物 的 方式 是 最 直观 的 。 我 们 会 运用 身体 、 大 脑 ， 
或 者 只 用 眼睛 去 寻找 自己 想 要 的 东西 。 


要 注意 的 是 ， 人 类 对 听觉 的 反应 要 快 过 对 视觉 的 反应 。 听 
心 觉 刺 激 只 需 8~10 毫秒 即 可 传达 到 大 脑 ， 而 视觉 刺激 则 需要 
20~40 毫秒 。 人 类 对 听觉 的 反应 需要 140~160 毫秒， 而 对 
视觉 的 反应 需要 180~200 毫秒 ， 同 样 是 前 者 更 快 。" 人 有 眼 
的 视角 是 水 平 180 度 ， 垂 直 100 度 ， 而 听觉 则 是 360 度 的 。 
我 们 的 祖先 看 不 到 来 自身 后 的 捕食 者 ， 但 却 可 以 听 到 。( 某 
些 扑 行动 物 和 鸟 类 的 视角 则 也 是 360 度 。) 虽然 理论 上 可 以 
使 用 某 种 声音 来 帮助 用 户 定位 触发 器 ， 但 在 实践 中 则 很 难 
实行 。 


我 们 在 寻找 东西 时 ， 视 野 会 变 窗 ， 甚 至 达到 1 度 "或 者 只 有 平常 视野 
的 1%。 这 么 窗 的 视野 堪 比 聚光灯 ”和 放大 镜 "“。 此 时 ， 我 们 专注 于 辨 
别 物体 ， 即 对 环境 中 的 事物 进行 识别 和 归 类 。 

我 们 在 辨别 物体 时 ， 眼 睛 会 寻找 熟悉 的 小 几何 体 (geon) 形状 。 所 谓 
小 几何 体 ， 就 是 正方 形 、 三 角形 、 立 方 体 、 圆 柱 体 等 简单 的 几何 形 
状 ， 我 们 的 大 脑 把 它们 组 合 起 来 就 能 辨别 出 物体 。” 


注 5: Marshall,W. H.、S. A. Talbot 和 H. W. Ades. “Cortical response of the anaesthesized cat 
to gross photic and electrical afferent stimulation.” Journal of Neurophysiology 6: 1-15. 
(1943)。 

注 6: Welford, A. T.“Choice reaction time: Basic concepts.”( 选 择 反应 时 间 : 基本 概念 ) A. 
T. Welford (Ed.), Reaction Times. Academic Press, New York, pp. 73-128. (1980)。 

注 7: Eriksen, C; Hoffman, J.“Temporal and spatial characteristics of selective encoding from 
visual displays”( 视 觉 显 示 选 择 性 编码 的 时 空 特征 ) Perception & Psychophysics 12 
(2B): 201-204. (1972)。 

注 8: 同上 。 

注 9: Eriksen, C; St James, J. “Visual attention within and around the field of focal attention: A 
zoom lens model”( 注 意 领域 之 内 及 周围 的 视觉 集中 变焦 镜头 模型 ) Perception & 
Psychophysics 40 (4): 225-240. (1986)。 

注 10: 小 几何 体 最 早 风 于 “Recognition-by-components: A theory of human image understanding”， 

作者 Irving Biederman， 刊 载 于 Psychological Review 94 (2): 115-47. (1987)。 
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既然 人 眼 以 小 几何 体 为 基本 识别 单位 ， 那 么 一 些 图 标 形 触发 器 就 特别 
适合 设计 成 某 种 几何 形状 。 一 般 来 说 ， 只 具备 一 种 特征 的 目标 比 具 备 
多 种 特征 的 目标 更 容易 被 找到 。 因此 ， 要 尽量 保证 触发 器 看 起 来 简 
单 ， 尤 其 是 在 复杂 拥挤 的 环境 下 (比如 混在 一 大 堆 图 标 中 间 )。 


辨别 出 某 个 物体 之 后 “ 那 是 个 按钮 ")， 我 们 一 般 会 将 其 与 对 应 的 使 
用 情境 关联 (“按钮 可 以 按 ")， 除 非 还 有 其 他 视觉 提示 表明 使 用 情境 
不 适用 ， 比 如 变 灰 或 上 面 放 个 大 红 又 (X)。 手 动 触发 器 的 第 六 条 规 
则 就 是 不 要 引起 用 户 对 使 用 情境 的 错觉 。 如 果 有 一 个 图 标 看 起 来 像 按 
钮 ， 那 么 它 就 应 该 表现 得 像 按 钮 一 样 。 微 交互 的 目标 就 是 把 识别 成 本 
降 到 最 低 ， 千 万 别 让 用 户 猜 你 的 触发 器 怎么 工作 。 因 此 要 尽量 使 用 标 
准 的 控件 。 正 如 Charles Eames 所 说 :“ 创 新 是 没有 办 法 的 办 法 。 


最 引 人 注 目的 触发 器 依次 是 : 


。 移动 的 物体 ， 比 如 脉动 图 标 ; 

。 带 使 用 情境 和 标签 的 物体 ， 比 如 带 标 签 的 按钮 ， 
。 带 标签 的 物体 ， 比 如 带 标签 的 图 标 ， 

。 只 有 一 个 物体 ， 比 如 图 标 ; 

。 只 有 一 个 标签 ， 比 如 表单 项 ， 

。 什么 也 没有 一 一 不 可 见 的 触发 器 。 


不 可 见 的 触发 器 。 手 动 触发 器 也 可 以 是 不 可 见 的 。 换 句 话 说， 就 是 没 
有 标签 ， 也 没有 使 用 情境 让 用 户 知道 怎么 去 触发 相应 的 微 交 互 。 不 可 
见 的 触发 器 通常 都 离 不 开 传感器 ， 比 如 触摸 屏 、 摄 像 头 、 麦 克 风 、 加 
速 计 等 〈 见 图 2-5)。 此 外 ， 不 可 见 的 触发 器 也 可 以 只 是 一 个 命令 键 
( 见 图 2-6) 或 鼠标 移动 〈 比 如， 移动 到 屏幕 一 角 ) 。 


注 11: Treisman, A.“Features and objects in visual processing”( 视 觉 处 理 中 的 特性 与 对 象 ) 
《科学 美国 人 》, 255, 114B-125. (1986)。 
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-KPNNL 全 


2 J to Nappen 
e iPhone. 


图 2-5: 在 iPhone 手机 的 Tumblr 应 用 中 ， 手 指向 左 扫 过 (而 不 是 按 下 ) 按钮 ， 
可 以 创建 一 篇 新 博客 ， 向 上 扫 过 按钮 则 可 以 创建 一 篇 新 图 片 博客 ( 蒙 Robin 
van't Slot 和 “Little Big Details” 惠 允 使 用 ) 


How it looks: [D Hide hat on Alfred window 
D Hide prefs cog on Alfred window 
Hide menu bar icon 


M4 


How it looks: D Hide hat on Alfred window 
图 Hide prefs cog on Alfred window 
[el Hide menu bar icon 


图 2-6: 在 Alfred 的 设置 中 ， 如 果 禁 用 可 见 的 触发 器 ， 则 不 可 见 的 触发 器 也 
会 被 选中 ( 蒙 Hans Petter Eikemo 和 “Little Big Details” 惠 允 使 用 ) 


触发 器 | 35 


当前 的 触摸 屏 用 户 界面 隐藏 着 最 多 的 不 可 见 控件 。 没 有 可 见 的 使 用 情 
这 表明 各 种 多 点 触摸 手势 的 存在 ， 而 轻 击 和 背 动 之 外 的 自 定义 手势 则 
往往 要 通过 试 错 来 发 现 ( 见 图 2-7)。 


al AT&T 4G 12:09 PM Ga TY 66% 功 让 


乡 
1 


Shake to send feedback 


You shook your phone! Your feedback and 
suggestions help us improve Google 
Maps! To disable the shake gesture, visit 
settings from within your profile 


Send feedback 


Dismiss 


图 2-7: 在 iOS 系统 的 Google Maps 中 ,摇晃 就 是 一 个 发 表 反 馈 的 不 可 见 触 
发 器 ( 蒙 “Little Big Details” 惠 允 使 用 ) 


语音 输入 也 是 不 可 见 控件 的 例子 ， 有 三 种 语音 输入 。 


。 始终 监听 
产品 的 麦克 风 始 终 开 启 ， 用 户 只 要 对 着 它 说 出 指令 即 可 ( 通 
要 提 到 产品 的 名 字 )。 微 软 Kinect for Xbox 就 属于 这 种 情况 ， 基 
“Xbox, play!” 就 是 始终 监听 控件 的 典型 例子 。 


六 和 天 


。 对 话 
产品 的 麦克 风 只 在 特定 的 时 候 开 启 ， 以 监听 对 某 个 提示 的 响应 。 
(“要 继续 使 用 英语 ， 请 说 ‘yes’ 。”) 自动 化 程度 最 高 的 客服 电话 就 
属于 这 种 情况 。 


。 与 榨 件 配合 
为 发 出 语音 指令 ， 必 须 有 某 个 物理 控件 配合 。 苹 果 的 Siri 大 致 就 是 
这 样 : 用 户 必 须 按 住 主屏 幕 按 钮 才能 发 出 语音 指令 。 


另外 ， 摆 手 或 者 摇晃 等 触发 器 通常 也 是 不 可 见 的 。 比 如 语音 控件 ， 有 
时 要 使 用 手势 必须 先 有 一 个 初始 动作 (比如 摆手 ) 或 通过 某 个 物理 控 
件 让 设备 就 绕 。 配 戴 谷 歌 眼 镜 上 时 ， 向 上 昂 头 或 触摸 一 下 镜 架 即 可 开启 
屏幕 。 触 摸 或 接近 设备 也 可 以 作为 不 可 见 触发 左 ， 比 如 把 手 伸 到 水 龙 
头 下 就 会 自动 出 水 。 类 似 地 ， 远 离 物体 也 可 以 是 触发 器 ， 比 如 马桶 在 
人 走 之 后 会 自动 冲 水 。 


为 什么 还 会 有 不 可 见 触发 器 呢 ? 事实 上 ， 无 论 什么 交互 界面 都 不 可 能 
保证 所 有 东西 能 够 被 立即 发 现 。 让 一 切 可 见 经 常会 导致 屏幕 上 杂乱 无 
章 ， 没 有 头绪 。 隐 蕊 一些 东西 可 以 让 屏幕 或 物体 看 起 来 更 简单 ， 同 时 
还 不 会 舍弃 功能 ( 见 图 2-8) 。 不 可 见 控件 能 够 起 到 强调 可 见 控件 的 作 
用 ， 让 重要 和 不 重要 控件 得 以 区 别 。 不 过 要 知道 ， 不 可 见 并 非 微 交互 
(以 及 任何 交互 ) 设计 过 程 中 直接 追求 的 目标 ， 而 是 上 下 文 和 技术 的 
副产品 : 在 这 种 情境 下 ， 最 好 把 什么 隐藏 起 来 ? 或 者 基于 技术 条 件 限 
制 ， 如 果 不 把 什么 隐藏 起 来 ， 可 见 控件 就 没有 地 方 显 示 ? 最 好 的 微 交 
互 应 该 具有 恰到好处 的 界面 ， 而 不 是 控件 越 多 越 好 。 
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AKkls.met 


(a-kiz-mmit) mn. Possibly the best way in the World to protd 


Looking for the Akismet logo? 


Here are a few to choose from: 


A:kis:met A:kis:met 


White - High Res 225Kb Black - High Res 198Kb 


White - Low Res 17Kb Black - Low Res 10Kb 


图 2-8: Akismet 有 一 个 合适 的 不 可 见 触发 器 。 在 用 户 右 击 其 标志 图 片 时 (有 
可 能 是 想 要 保存 这 张 图 片 ) ，Akismet 就 会 显示 一 个 窗口 ， 提 供 几 种 不 同 分 辨 
率 的 图 片 供 下 载 ( 蒙 Fabian Beiner 惠 允 使 用 ) 


ee 发 现 微 交 互 之 后 (不管 是 意外 发 现 、 听 
别人 说 ， 查 帮 助 学 会 的 )， 用 户 经 常 只 能 依赖 于 自己 (有 问题 ) 的 
ee E 够 习 得 意味 着 不 可 见 触 发 器 应 该 随处 可 用 ,或 
者 退 而 求 其 次 ， 必 须 在 特定 条 件 下 是 可 用 的 〈 见 图 2-9)。 不 可 见 触发 
器 应 该 容易 猜 到 ， 或 者 说 ， 在 理想 情况 下 可 以 让 用 户 在 执行 其 他 动作 
时 偶然 发 现 。 比 如 ， 向 上 滚动 到 列表 顶部 ， 显 示 “ 重 新 加 载 ” 微 交 互 。 


Shake to Pause [on € ) 


Handy for when you fumble your device! 


Sound 


Speak New Kana 


Speak Prompts 


lf Speak Prompts is ON, we won't display 
Romaji, so use your ears! 


图 2-9: KanaSwirl 的 设置 中 支持 禁用 不 可 见 的 触发 器 (Shake to Pause， 摇 
晃 暂 停 ) ( 蒙 Shawn M. Moore 和 “Little Big Details” 惠 人 允 使 用 ) 


除非 真 没有 地 方 或 屏幕 空间 放置 可 见 控件 〈 比 如 谷歌 眼镜 ) ， 否 则 绝 
不 要 把 不 可 见 触发 器 用 于 最 高 优先 级 的 微 交 互 。 无 论 如 何 ， 至 少 都 要 
为 微 交互 创建 一 个 可 见 的 触发 器 ， 比 如 命令 键 或 菜单 项 。 

2. 控件 状态 

有 些 手 动 触 发 器 有 多 个 状态 。 作 为 用 户 ， 不 一 定 能 全 都 磁 上 这 些 状 
态 ， 但 作为 设计 师 ， 则 应 该 全 部 考虑 到 。 
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。 默认 状态 
不 活动 的 空闲 状态 。 


。 活动 状态 
如 果 后 台 有 活动 〈 比 如 下 载 、 更 新 或 同步 ) ， 可 以 通过 触发 器 来 表示 。 


。 是 停 状态 
可 以 给 出 一 个 提示 条 式 的 说 明 、 扩 展 触 发 器 的 大 小 以 展示 更 多 控件 
或 表单 字段 ， 或 者 就 简单 地 显示 为 当前 控件 是 可 以 点 击 的 。 更 进 一 
步 ， 还 可 以 通过 专 停 展示 微 交互 中 的 数据 ( 见 图 2-10) 。 比 如 ， 蕉 
停 在 天 气 预报 应 用 的 图 标 上 时 ， 不 用 启动 应 用 就 可 以 提前 展示 数 
据 ， 显示 当前 的 天 气 。 


A 
OON 


High Times 


Jamiroqua 


图 2-10: 在 Rdio 播放 器 上 ， 最 停 在 快 进 和 快 退 按钮 上 会 显示 下 一 首 和 上 一 
首 歌 曲 ( 蒙 Nicholas Kreidberg 和 “Little Big Details” 惠 人 允 使 用 ) 


。 翻转 状态 
经 常用 于 表示 存在 或 活动 ， 或 者 只 添加 一 个 指示 器 ， 表 明光 标 位 置 
正确 ， 可 以 继续 操作 ( 见 图 2-11)。 


All Comments (0) 


All Comments (0) 


A Sign In or Sign Up now to post a comment! 


图 2-11: 未 登录 时 点 击 评论 输入 框 ， YouTube 会 提示 登录 或 注册 ( 蒙 
Marian Buhnici 和 “Little Big Details” 惠 允 使 用 ) 


40 | 第 2 章 


。 和 鼠标 单 击 /手指 轻 击 /进行 中 
鼠标 单 击 、 手 指 轻 击 触发 器 ， 或 者 触发 右 正 在 局 动 微 交 互 。 此 时 ， 
可 以 让 触发 器 消失 、 打 开 、 改 变 颜 色 ， 或 者 变 成 表示 微 交 互 加 载 过 
程 的 进度 条 ( 见 图 2-12 到 图 2-14) 。 另 一 种 可 能 是 触发 器 不 立即 启 
动 微 交 互 ， 而 是 扩展 显示 更 多 控件 。 比 如 ， 点 击 “ 保 存 ” 按 钮 可 以 
打开 一 个 窗 体 询问 是 “覆盖 ”还 是 “另存 为 ”。 


The simple way to oapture and The simple way to oapture and 


share life with olose friends & family share life with olose friends & family 


| sic A ys a a ee 


Sign In SIgn In 


图 2-12: 单 击 Path 的 Sign Up 按钮 会 出 现 笑 脸 图 标 ( 蒙 “Little Big Details” 
惠 允 使 用 ) 


Taylor Swift Radio 


Better Than Revenge 
ee 有 > 
03 


图 2-13: 虾米 的 播放 /暂停 控件 表示 一 首 歌 的 播放 时 间 ( 蒙 “Little Big 
Details” 惠 人 允 使 用 ) 
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Email Sign up 


Password Forgot your password? 


Log in 


Email Sign up 
johndoe@myemail.com 
Password Forgot your password? 


图 2-14: 在 CloudApp 中 ， 登 录 按钮 在 被 单 击 后 会 改变 状态 ， 让 用 户 知道 后 
台 已 经 开始 处 理 了 ( 蒙 “Little Big Details” 惠 允 使 用 ) 


。 切换 状态 
开关 和 按钮 可 以 表明 自己 当前 的 状态 ( 左 / 右 、 上 /下 或 按 过 /未 
按 过 )。 实 体 设 备 上 的 开关 可 以 让 人 人 一目了然， 按钮 则 需要 有 其 他 
搭配 的 指示 装置 ， 比 如 用 发 光 LED 表示 按钮 被 按 下 。 


。 设置 状态 
拨号 盘 、 开 关 和 清 动 条 可 以 显示 微 交 互 当前 的 设置 和 阶段 ( 见 图 
2-13 ) 。 


以 上 这 些 状态 通常 由 触发 器 改变 外 观 或 展示 动画 来 表示 ， 但 有 时 候 也 
可 以 通过 指示 灯 (如 触发 器 旁边 的 LED 灯 ) 来 表示 。 比 如 ， 开 关 旁 边 
的 红 光 LED 可 以 用 来 表示 设置 关闭 。 切 记 ， 跟 触发 器 不 是 一 体 的 状态 
指示 器 一 定 要 放 在 触发 器 旁边 。 扩 展 触 发 器 时 也 一 样 : 不 要 随处 打开 
窗口 ， 要 把 焦点 放 在 触发 器 上 。 

3. 标签 

对 某 些 触发 器 而 言 ， 标 签 也 是 非常 重要 的 部 分 。 标 签 可 以 是 微 交 互 的 
名 称 (例如 菜单 项 或 微软 功能 区 的 名 称 )， 也 可 以 作为 状态 指示 器 ， 
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比如 拨号 盘 每 个 止 动 装置 的 名 称 。 标 签 就 是 界面 。 


标签 的 作用 显而易见 : 我 是 不 是 在 做 自己 想 做 的 事 ? 标签 说 明 动 作 ， 

帮助 销 除 歧义 。 不 过 ， 鉴 于 标签 会 增添 触发 器 的 复杂 性 ， 需 要 额外 的 

关注 和 思考 ， 因 此 若非 担心 引发 上 改 义 ， 不 要 使 用 标签 。 最 好 的 结果 当 
是 把 控件 设计 得 毫 无 歧义 ( 见 图 2-15)。 


We built you a new Vimeo. Want to give it a try? 


Vumeo 


图 2-15: Vimeo 的 表示 “取消 / 待 会 儿 / 现 在 不 行 ”的 按钮 幽默 地 写 着 “| 
hate change”( 我 讨厌 改变 ) ( 蒙 Joe Ortenzi 和 “Little Big Details” 惠 人 允 使 用 ) 


手动 触发 器 的 第 七 条 规则 是 : 仅 在 触发 器 本 身 无 法 提供 相应 信息 的 情况 
下 才 使 用 标签 。 想 一 想 ， 如 果 不 添加 ， 那 在 视觉 上 如 何 表现 标签 ” 比 
如 ， 要 设计 一 个 1~5 星 的 评分 系统 ， 可 以 采用 带 有 1~5 标签 的 请 动 条 ， 
也 可 以 让 触发 器 带 5 颗 星 星 ， 然 后 随 着 鼠标 悬 停 ， 一 个 一 个 地 点 亮 。 


不 使 用 标签 在 某 些 情况 下 是 不 可 能 或 不 合适 的 。 一 个 没有 标签 的 按钮 
很 难 与 周围 的 其 他 按钮 区 别 开 来 ， 因 此 很 难 获得 点 击 。 


与 其 他 产品 相关 的 (培训 性 或 营销 性 的 ) 方案 不 同 ， 微 交互 不 是 品 
牌 创意 的 用 武之 地 ， 相 反 ， 微 交互 非常 注重 实用 性 ， 目 的 就 是 清楚 
明确 地 传达 功能 ( 见 图 2-16 和 图 2-17)。 这 并 不 是 说 微 交 互 不 重 
视 奇 思 妙 想 或 个 性 设计 ， 而 是 说 前 提 必 须 确 保 标签 清楚 明确 。 谷 歌 
“手气 不 错 ” 按 钮 的 标签 很 有 意思 ， 但 它 却 没有 告诉 你 点 击 按钮 之 后 
会 发 生 什 么 。 因 为 没有 事前 反馈 ,不 能 在 事件 发 生前 就 让 人 知道 会 
出 现 什 么 结果 。?” 


注 12: 关于 事前 反馈 的 更 多 信息 ， 可 参考 “But how, Donald, tell us how?: On the creation of 
meaning in interaction design through feedforward and inherent feedback”"， 作 者 Tom 
Djajadiningrat、 Kees Overbeeke 和 Stephan Wensveen, Proceedings of the 4th conference 
on Designing interactive systems: processes, practices, methods, and techniques, AC™, 
New York, NY, USA (2002)。 
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Returning Customers 


EMAIL ADDRESS: 
le emall address 


PASSWORD: 


(CAsE sEnSITIVe) Forgot password? 


图 2-16: 巴 诺 书店 (Barnes & Noble) 的 网 站 在 密码 字段 上 使 用 标签 表明 区 
分 大 小 写 ( 蒙 Paul Clip 和 “Little Big Details” 惠 允 使 用 ) 


Irod “ 0:93 


Accessibiity “Speak Selection 


Speak Selection 《CE ) 


图 2-17: 苹果 iOS Speak Selection 设置 界面 上 有 一 个 新 奇 但 明确 的 图 示 标 
签 , 它 借用 了 “ 旬 免 赛跑 ”的 妨 言 。 然 而 , 在 文化 背景 中 没有 这 个 成 语 的 地 方 ， 
这 两 个 图 示 可 能 会 让 人 感到 迷惑 ( 蒙 Victor Boaretto 和 “Little Big Details” 
惠 允 使 用 ) 


一 般 来 说 ， 标 签 应 该 简洁 明了 ( 见 图 2-18)。“ 提 交 ” 作 为 按钮 标签 可 
能 够 简洁 ， 但 在 非 技 术 情 境 中 恐怕 意思 并 不 明确 。 在 微 交 互 中 ， 特 指 
度 (specificity， 或 具体 程度 ) 非常 重要 。 含 糊 其 辞 是 标签 最 大 的 总 
讳 ， 标 签 必 须 明 确 。( 关 于 这 一 点 ， 请 参见 第 3 章 3.3 节 “ 微 文案 ”。) 


图 2-18: iPhone 的 “滑动 解锁 ”触发 器 会 随 着 滑动 而 逐渐 消失 ( 蒙 “Little 
Big Details” 惠 允 使 用 ) 


一 致 性 同样 重要 。 由 于 标签 可 能 是 名 称 ， 所 以 一 定 要 保证 所 有 地 方 
( 微 交 互 本 身 、 状 态 、 设 置 、 数 据 ) 的 标签 名 称 统一 。 不 要 这 里 叫 
“警告 "， 那 里 又 变 成 了 “警示 ”。 


把 标签 用 好 的 根本 就 是 要 以 使 用 者 的 语言 来 撰写 它 。 如 果 标 签 中 包含 
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技术 术语 ， 那 用 户 也 应 该 是 技术 人 士 ， 否则 ， 不 如 用 随意 的 大 白话 。 
另外 ， 还 要 让 目标 用 户 测 试 标签 (参见 附录 )。 毫 不 奔 张 地 说 ， 大 多 
数 可 用 性 问题 都 是 由 于 滥用 标签 (或 根本 没有 标签 ) 导致 的 。 


2.2 系统 触发 器 

并 韭 所 有 触发 器 都 是 手动 的 。 事实 上 ， 当 前 我 们 身边 的 触发 器 大 都 不 
是 用 户 而 是 系统 发 起 的 。 系 统 触发 器 无 需 用 户 介 入 ， 只 要 满足 条 件 
(一 个 或 多 个 ) 就 会 自动 触发 ， 如 图 2-19 和 图 2-20 所 示 。 


US Postal Service delivery 
detected 


lt looks like you have a tracking 


Number on your clipboard. Would | 
you like to add a new delivery? 


(@7: Tle3 OK 


图 2-19: 发 货 应 用 Deliveries 会 在 启动 时 检测 剪贴 板 中 是 否 有 快递 单 号 ， 如 
果 有 则 通过 系统 触发 器 启动 微 交 互 。 而 且 ， 它 还 能 够 智能 地 指出 单 号 来 自 哪 
个 快递 员 ( 蒙 Patrick Patience 和 “Little Big Details” 惠 人 允 使 用 ) 
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没 
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图 2-20: 由 他 人 引发 的 触发 器 。 在 Tumblr 上 ， 当 你 关注 的 某 个 人 提 到 另 一 
个 你 没有 关注 的 人 时 ， 会 出 现 一 个 关注 按钮 ( 蒙 Brian Jacobs 和 “Little Big 
Details” 惠 允 使 用 ) 


系统 触发 器 启动 的 常见 条 件 如 下 。 


。 错误 
系统 出 错时 ， 经 常会 通过 微 交互 来 解决 问题 ， 比 如 询问 用 户 想 怎么 
办 ， 或 者 只 是 显示 一 条 消息 说 明 出 了 什么 毛病 ( 见 图 2-21)。 


图 2-21: 在 Windows Phone 中 ， 如 果 发 送 短信 失败 ， 则 短信 图 标 (触发 器 ) 
会 由 笑脸 变 成 器 脸 ( 蒙 Wojtek Siudzinski 和 “Little Big Details” 惠 人 允 使 用 ) 
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位 置 
位 置 可 能 是 各 种 尺度 : 国家 、 城 市 、 街 道 ， 甚 至 特定 的 房间 。 请 足 
其 中 任何 尺度 的 用 户 都 可 能 触发 微 交互 。 


收 到 数据 

电子 邮件 、 状 态 消 息 、 软 件 更 新 、 天 气 预 报 、 亮 度 变化 等 进入 联网 设 
备 和 应 用 的 数据 ， 都 可 能 触发 “您 有 一 封 新 邮件 ! ”之 类 的 微 交互 。 
内 部 数据 

时 间或 系统 资源 等 内 部 数据 也 可 能 是 触发 器 启动 的 条 件 ( 见 图 
2-22)。 比 如 ， 过 一 定时 间 屏 幕 自 动 降低 亮度 。 


| | Leave Message | | Switch User | | Cancel | 


图 2-22: 在 Ubuntu 中 ， 如 果 屏 幕 因 设 定时 间 到 而 锁定 ， 会 出 现 一 个 让 访问 
者 给 所 有 者 留言 的 触发 器 ( 蒙 Herman Koos Scheele 和 “Little Big Details” 
惠 允 使 用 ) 


其 他 微 交互 

这 是 一 种 特殊 的 触发 器 ， 由 其 他 微 交 互 触发 。 最 简单 的 例子 就 是 向 
导 式 界面 : 第 一 步 微 交互 ) 结束 触发 第 二 步 〈 另 一 个 微 交 互 )， 
依 此 类 推 。( 参 见 第 6 章 6.5 市 “编排 微 交 互 ”。) 


其 他 人 
在 诸多 社交 关系 中 ， 其 他 人 的 行为 〈 例 如 ， 回 应 聊天 、 发 表 照 片 或 
消息 、 申 请 成 为 朋友 ) ， 也 可 以 成 为 触发 器 。 


虽然 用 户 不 必 手 动 启动 这 些 触发 器 ， 但 最 好 是 (比如 在 “设置 ”里 ) 
提供 选项 让 用 户 能 够 调整 它们 。 系 统 启动 的 每 个 触发 器 都 应 该 有 手动 


48 


| 第 2 章 


管理 及 禁用 它们 的 选项 。 理 想 情 况 下 ， 应 该 在 微 交互 已 经 触发 的 时 候 
给 出 这 些 选 项 (“不 再 显示 这 些 提 示 ”)， 至 少 有 相应 的 设置 。 


此 外 ， 即 使 存在 系统 触发 器 ， 用 户 也 可 能 需要 一 个 手动 控件 ( 见 图 
2-23)。 比 如 ， 用 户 可 能 需要 手动 同步 文本 ， 而 不 是 等 待 系统 自动 同 
步 。 和 手动 控件 可 以 提供 一 个 保障 ， 同 时 也 能 在 系统 出 错 (网 络 连接 断 
开 或 传感器 未 指示 ) 时 保证 能 够 触发 微 交互 。 


ual 02-UK 会 08:22 一 2 
“| 


databases. | can enter a search query 
that will return the location of information 
virtually anywhere across the network— 
within milliseconds. | can connect 
instantly to virtually every other person 
who is also linked to the database. 


Most fruits of human ingenuity exist to 
add connectivity to our lives — roads, 
steel bridges, steam engines, telegrams, 
printing presses and telephones — but 
ultimately our inventions do not add 
greater human connectivity as much as 
they adapt the way, shape and scope of 
this connection. 


图 2-23; 在 iPhone 的 Instapaper 应 用 中 ， 如 果 你 不 小 心 把 坚 屏 变 成 横 屏 ， 
然后 又 很 快 转 回去 ， 就 会 出 现 一 个 Rotation (旋转 ) 锁定 控件 ( 蒙 Richard 
Harrison 和 “Little Big Details” 惠 允 使 用 ) 


系统 触发 器 的 规则 
某 些 系 统 触发 器 本 身 需 要 遵循 自己 的 规则 ， 其 中 最 常见 的 就 是 启动 时 
间 和 启动 频率 ( 见 图 2-24) 。 太 过 频繁 地 读 取 传感器 数据 或 持续 连接 
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远程 服务 器 ， 可 能 会 消耗 过 多 的 系统 资源 ， 比 如 耗费 电量 、 占 用 带宽 
或 处 理 器 时 间 。 


-AT&T 全 6:38 PM 


o jw 
A 
(Elelele = /sellate Kolok=Te TaN/eleN 


Via: Fell St, San Francisco 


9 3.9n 


a ; — 6:53 


Cancel Routes | Go 16 | 
| 9 | 


图 2-24: 导航 应 用 Waze 知道 我 在 傍晚 打开 它 时 可 能 正在 开车 回 家 ， 于 是 就 
给 出 了 这 个 选项 


系统 触发 器 的 规则 需要 回答 以 下 问题 。 


。 这 个 触发 器 多 长 时 间 局 动 一 次 ? 

。 已 经 知道 哪些 与 用 户 相关 的 数据 ? 怎么 利用 这 些 数 据 才能 让 触发 器 
效率 更 高 、 更 令 人 愉快 或 更 能 体现 用 户 个 性 ?” 比 如， 知道 用 户 当 地 
时 间 是 午夜 时 分 ， 就 可 以 减少 系统 触发 器 启动 的 次 数 。( 参 见 第 3 
章 3.1.5 节 “ 不 要 从 零 开 始 ”。) 

。 有 没有 触发 器 已 经 启动 的 指示 器 ? 当时 是 否 给 出 了 可 见 的 状态 更 
新 ?启动 指示 器 前 后 有 何 变 化 ? 
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。 系统 出 错时 (例如 网 络 连接 断 开 、 数 据 无 效 时 ) 会 发 生 什么 ? 不 再 
尝试 启动 ， 还 是 再 次 尝试 ?再 次 尝试 的 间隔 时 间 多 长 ? (第 5 章 还 
会 更 全 面 地 介绍 循环 。) 


系统 触发 器 的 规则 与 整体 的 规则 紧密 相关 ， 有 具体 将 在 第 3 章 讨论 。 


与 MetroCard 售 卡 机 的 开始 屏幕 一 样 ， 最 好 的 触发 器 应 该 符合 情境 、 
体贴 用 户 。 触 发 器 的 控件 应 该 与 其 要 传达 的 状态 匹配 ， 且 引 人 注 目的 
程度 也 要 与 其 使 用 频率 匹配 。 标 签 必 须 简 洛 明 了 ， 通 俗 易 懂 。 最 重要 
的 是 ， 触 发 右 要 能 把 用 户 带 到 实际 的 交互 中 ， 这 是 一 切 规则 的 前 提 。 


2.3 小结 

触发 器 就 是 任何 能 够 启动 微 交 互 的 东西 。 手 动 触发 器 是 由 用 户 发 起 
的 ， 可 以 是 控件 、 图 标 、 表 单 、 声 音 、 触 摸 或 手势 。 系 统 触发 器 会 在 
某 个 或 某 些 条 件 具备 时 触发 。 

触发 器 必须 能 在 特定 上 下 文中 让 用 户 联想 到 它 是 触发 器 。 同 样 的 触发 
器 每 次 都 应 该 执行 同样 的 操作 。 

别 忘 了 提前 展示 数据 。 只 要 有 可 能 ， 就 要 通过 触发 器 来 展示 微 交 互 内 
部 的 重要 信息 ， 比 如 未 读 短 信和 或 操作 进度 。 

如 果 触 发 器 看 起 来 像 按钮 ， 那 么 它 就 应 该 像 按钮 一 样 可 以 被 点 击 。 不 
要 破坏 视觉 使 用 情境 。 

使 用 频率 越 高 的 微 交互 ， 其 触发 器 应 该 越 引 人 注目 。 最 差 也 要 作为 
菜单 项 摆 放 触发 器 。 

在 触发 器 无 法 传达 所 有 必要 信息 或 者 有 必要 消除 歧义 时 ， 可 以 使 用 标 
签 。 标 签 应 该 使 用 通俗 直 白 的 语言 ， 而 且 要 简洁 明了 。 


系统 触发 器 何 时 触发 ， 以 及 多 长 时 间 触 发 一 次 ， 都 要 遵循 规则 。 
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2010 年 10 月 ， 苹 果 在 “Back to the Mac” 大 会 上 宣布 了 当时 最 新 版 
的 桌面 操作 系统 Mac OS X Lion (10.7 版)， 但 直到 9 个 月 后 的 2011 
年 7 月 才 真 正 发 布 。 系 统 发 布 当天 就 销售 100 万 套 ， 随 后 又 卖 出 600 
多 万 套 。 在 这 个 操作 系统 中 ， 苹 果 内 置 了 最 新 版 的 Calendar、Mail 和 
Address Book 应 用 。 与 此 同时 ， 也 有 一 个 微 交 互 博 得 了 不 少 关 注 ， 主 
要 原因 在 于 苹果 认为 它 不 再 必须 ， 因 而 删除 了 它 。 到 底 是 哪个 微 交互 
呢 ? 就 是 “另存 为 ”。 
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20 世纪 80 年 代 初 ,“ 保 在 ”通常 意味 着 “保存 并 离开 ”( 施 乐 Star)， 
或 者 “保存 并 离开 ”及 “保存 并 继续 ”( 苹 果 Lisa) 。( 离开 ”的 意思 
是 “关闭 ”"。)“ 保 存 并 继续 ”最 终 变 成 了 “保存 "， 而 “保存 并 离开 ” 
最 后 就 消失 了 。 可 能 是 因为 设备 内 存 容量 更 大 了 ， 能 够 容纳 多 个 文档 
同时 打开 ， 而 且 处 理 器 也 不 会 抗议 。 “另存 为 ”大 约 出 现在 80 年 代 ， 
与 “保存 副本 为 ”一 样 ， 都 是 能 让 用 户 不 必 重 命名 即 可 保存 一 个 文件 
的 新 版 本 。 后 来 ， 有 些 软件 同时 支持 “保存 ” “另存 为 ”和 “保存 副 
本 为 "。 随 着 时 间 推 移 ,“ 另 存 为 ”已 经 深入 人 人心， 特别 是 在 “撤销 ” 
命令 得 到 广泛 采用 之 后 ,“ 保 存 副本 为 ”几乎 绝迹 。 


在 苹果 决定 去 掉 “ 另 存 为 ”之 际 ， 这 个 微 交 互 的 规则 已 经 深入 人 心 长 
达 30 年 之 久 : 


。 修改 文件 ; 
。 换个 名 字 保 存 文 件 ， 
。 后 续 修 改 只 影响 新 文件 ， 之 前 的 文件 保持 最 后 一 次 保存 时 的 状态 。 


在 Mac OS X Lion 中 ,苹果 好 像 觉 得 “自动 保存 ”既然 支持 用 户 回溯 
到 之 前 的 版 本 ， 那 么 它 就 可 以 取代 “另存 为 ”了 。Lion 的 保存 规则 大 
致 如 下 。 


。 修改 文件 。 

。 每 5 分 钟 自动 保存 一 次 改动 。 

。 后 续 修 改 只 影响 文件 最 新 的 版 本 。 

。 通过 “恢复 到 上 一 版 ”命令 可 以 返回 文件 之 前 的 版 本 。 

。 可 以 “浏览 所 有 版 本 ”， 这 个 命令 触发 另 一 个 微 交 互 : 浏览 版 本 。 
。 两 周 之 后 ， 文 件 被 锁定 ， 如 果 不 解锁 或 复制 它 ， 就 不 能 再 修改 。 


如 果 想 另外 创建 一 个 文件 ， 必 须 通过 “复制 "， 这 又 是 一 个 完全 不 同 
的 微 交 互 。 

。 使 用 “复制 ”命令 创建 另 一 个 文件 〈 副 本 )。 

。 新 文件 出 现在 当前 文件 旁边 。 
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。 重 命 名 新 创建 (复制 ) 的 文件 。 
。 后 续 修改 影响 新 创建 的 文件 ， 之 前 的 文件 保持 最 后 一 次 (自动 ) 保 
存 时 的 状态 。 


新 规则 实际 上 其 倒 了 之 前 的 规则 : 如 果 用 户 想 在 不 同 的 文件 中 进行 修 
改 ， 那 么 他 必须 在 修改 之 前 就 意识 到 这 一 点 并 做 出 决定 。 遗 憾 的 是 ， 
这 并 不 符合 大 多 数 人 的 习惯 〈 或 者 更 准确 地 说 ， 并 不 符合 过 去 30 年 
来 我 们 已 经 习以为常 的 思维 方式 )。 这 个 变化 彻底 颠覆 了 既 有 的 思维 
模型 ， 取 而 代 之 的 并 非 是 更 好 的 微 交 互 ， 而 是 两 个 难以 理解 并 且 与 大 
多 数 人 的 习惯 背道而驰 的 微 交 互 。 大 多 数 人 在 打开 修改 之 后 的 文档 
时 ， 根 本 用 不 着 再 打开 之 前 的 版 本 。 版 本 控制 是 程序 员 的 思维 方式 ， 
而 不 是 普通 大 众 的 思维 方式 。 如 果 用 户 (偶尔 ) 需要 文档 的 早期 版 
本 ， 他 们 自己 会 手动 打开 。 


一 石 激 起 千 层 良 。 一 时 间 ， 质 疑 、 声 讨 声 此 起 彼 伏 :“ 把 Pages "09、 
TextEdit 都 有 的 “另存 为 …… ”命令 去 掉 ， 我 看 纯 属 多 此 一 举 。 这 
样 完全 破坏 了 创建 新 文件 的 一 个 非常 普遍 的 工作 流程 ， 即 打开 一 个 
文件 ， 然 后 换个 新 名 字 保 存 。” 怒 不 可 过 的 Mac 博 主 Pierre Igot 在 他 
的 文章 “Mac OS X 10.7 (Lion): Why ditch the ‘Save As’ command?” 
(http://t.cn/zHg19f5) 中 如 是 说 。“ 我 真心 实意 地 希望 那 是 个 正确 的 
决定 ， 可 几 个 月 过 去 了 ， 事 实证 明 它 是 错误 的 。“Web 开发 者 Chris 
Shiflett 在 他 的 文章 “Apple botches ‘Save As”” (http://t.cn/zHg19fG) 
中 这 么 说 。 


苹果 对 这 件 事 的 回应 ， 是 在 2012 年 发 布 的 操作 系统 10.8 版 Mountain 
Lion 中 悄悄 地 恢复 了 “另存 为 "。 为 什么 说 是 “悄悄 地 ”? 因为 苹果 
没有 把 它 恢复 到 菜单 里 ， 而 是 将 其 变 成 了 一 个 看 不 见 的 命令 , 或 者 说 
一 个 不 可 见 的 触发 器 。 即 使 如 此 ， 仍 然 破 镜 难 圆 ， 因 为 这 一 次 规则 又 
变 了 。Mac Performance Guide (http://macperformanceguide.com/) 的 
作 者 Lloyd Chambers 在 “OS X Mountain Lion: Data Loss via ‘Save 
As” (http:/Wt.cn/zW0UagS) 中 总 结 了 这 些 变化 和 问题 : 
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如 果 你 修改 了 文章 选择“ 另存 为 ”， 那 么 包括 编辑 后 的 原 
始 文档 和 另存 的 副本 在 内 ， 孝 会 保存 修改 。 这 就 意味 着 ， 男 
存 的 不 仅 是 一 个 新 文件 ， 就 连 原 始 文件 也 悄 无 声息 地 保存 了 
同样 的 修改 。 假 如 你 注意 到 了 这 个 自动 操作 ， 可 以 手工 “ 撤 
销 ” 人 保存， 恢复 原始 版 本 ; 假如 你 注意 不 到 ， 那 么 将 来 有 一 
天 很 可 能 会 大 惑 不 解 : “这 他 妈 怎 么 回 事 | ” (想象 一 下 客 
户 收 到 贷 之 后 发 现 发 错 了 。) 


也 就 是 说 ， 在 Mountain Lion 中 ,“ 另 存 为 ”的 规则 大 致 是 这 样 的 : 


。 修改 文件 ， 

。 用 新 名 字 保 存 文件 ， 

。 后 续 修改 影响 新 创建 的 文件 ， 而 对 原始 文件 的 修改 也 会 被 保存 ， 

。 可 以 使 用 “恢复 到 上 一 版 ”(Revert to Last) 命令 恢复 到 之 前 的 版 本 。 


这 意味 着 在 “保存 ”和 “复制 ”之 外 又 增加 了 新 规则 。 就 这 样 ， 一 个 
简单 的 、 深 入 人 心 的 微 交互 ， 被 替换 成 了 三 个 不 好 理解 的 微 交互 ， 而 
且 没 有 任何 解释 和 说 明 。 最 终 ， 苹 果 在 Mountain Lion 的 一 次 更 新 中 ， 
又 在 “保存 ”对 话 框 中 增加 了 “在 原始 文档 中 保存 修改 ” 复 选 框 。 你 
说 有 多 乱 吧 。 


通过 这 个 案例 ， 我 们 可 以 吸取 一 些 教训 。 如 果 你 自己 都 不 能 轻易 写 出 
或 画 出 一 个 微 交 互 的 规则 ， 用 户 就 更 难 建立 它 的 思维 模型 了 ， 除 非 你 
能 够 给 出 反馈 ， 营 造 一 些 “ 虚 拟 ” 的 模型 ， 让 用 户 知道 都 发 生 了 什 
么 。 其 次 ， 除 非 你 的 规则 确 确实 实 很 新 颖 ， 否 则 用 户 总 会 带 着 某 种 心 
理 预期 去 使 用 它 。 你 可 以 违背 用 户 的 心理 预期 (事实 上 最 好 的 微 交 互 
都 是 通过 站 履 那 些 根 深 蒂 固 的 心理 预期 才 让 用 户 感到 惊喜 的 )， 前 提 
是 你 的 微 交 互 必须 明显 要 好 很 多 ， 这 样 它 对 用 户 的 价值 才 明 显 一 一 理 
想 情况 下 ， 应 该 让 用 户 感到 有 立 杆 见 影 的 效果 。 侠 果 其 实 经 常 能 带 给 
人 们 惊喜 ， 仅 举 一 个 小 例子 : 填写 电子 邮件 地 址 时 ，iOS 设备 的 键盘 
上 就 会 出 现 “@ ”符号 。 可 是， 如 果 你 的 价值 反馈 不 能 立 杆 见 影 ， 那 
么 你 的 微 交 互 就 会 让 人 觉得 是 故弄玄虚 。“ 仪 仅 为 了 不 同 而 不 同 很 少 


能 做 好 ， 而 做 得 更 好 通常 才 会 让 人 觉得 不 同 。”Dieter Rams 说 。 


3.1 设计 规则 

就 像 每 款 游 戏 的 核心 是 一 组 规则 一 样 ， 每 个 微 交 互 的 核心 同样 是 一 组 
规则 。 游 戏 规则 决定 了 游戏 该 怎么 玩 ， 微 交互 规则 决定 了 微 交 互 能 怎 
么 用 。 而 创建 规则 的 核心 ， 就 是 创建 一 个 围绕 微 交 互 如 何 运 作 的 简单 
的 非 技术 性 心智 模型 。 


或 许 设 计 规则 时 最 重要 的 是 确定 目标 。 设 计 规则 前 ， 需 要 确定 一 个 最 
简单 、 最 明确 的 说 法 ， 即 微 交互 到 底 是 什么 。 最 好 的 目标 应 该 是 容易 
理解 (我 知道 为 什么 要 做 这 件 事 )， 而 且 能 够 完成 的 (我 知道 我 可 以 
做 到 这 件 事 )。 注 意 ， 不 要 把 目标 确定 为 整个 交互 过 程 中 的 某 一 个 步 
又 ， 目 标 是 最 终 状 态 。 比 如 说 ， 登 录 微 交互 的 目标 不 是 让 用 户 输入 密 
码 ， 而 是 让 他 们 完成 登录 并 进入 应 用 程序 。 微 交互 越 接近 目标 ， 成 功 
的 概率 就 越 高 。 目 标 是 规则 的 引擎 ， 一 切 都 围绕 它 展 开 〈 见 图 3-1)。 


G&H Tea Services Paris Tea-Cup Strainer 
CE 和 


~、 eg Are you sure? Close 9 


Somebody may have purchased this 
for you recently. 


antentie pssd) (Cance! | ) 


Tell me if it was purchased. 


图 3-1: Amazon 上 这 个 微 交 互 的 目标 是 防止 用 户 购买 别人 已 经 为 他 购买 的 
商品 一 一 防止 某 种 情况 出 现 ， 同 时 ( 某 种 程度 上 ) 又 不 影响 惊喜 ( 蒙 Artur 
Pokusin 和 “Little Big Details” 惠 允 使 用 ) 


注 1: 据说 是 1993 年 说 的 ， 见 Klaus Kemp 所 著 的 Dieter Rams: As Little Design as Possible 
(Phaidon Press，2011)。Rams 的 话 很 可 能 是 受 了 18 世纪 德国 哲学 家 Georg Christoph 
Lichtenberg 这 句 话 的 启发 :“ 我 不 知道 不 同 会 不 会 更 好 。 但 我 知道 如 果 更 好 一 定 会 
不 同 。 
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规则 的 目的 虽然 是 限制 用 户 的 动作 ， 但 不 应 该 让 用 户 感觉 到 它 像 规 
则 。 不 应 该 让 用 户 觉 得 需要 遵循 (或 更 坏 的 情况 下 一 一 记 住 ) 一 组 严 
格 的 操作 指示 。 你 的 目标 是 设计 一 个 让 人 感觉 自然 而 然 、 水 到 渠 成 的 
流程 。 换 句 话 说 ， 规 则 应 该 潜移默化 地 引导 用 户 完 成 微 交 互 的 “ 交 
互 ” 过 程 ( 见 图 3-2)。 


图 3-2: 在 苹果 的 Mountain Lion OS 中 ， 开 启 “ 听 写 与 语音 ”功能 ， 机 器 的 
风扇 就 会 降低 转速 ， 减 少 噪音 ( 蒙 Artur Pokusin 和 “Little Big Details” 惠 
允 使 用 ) 


规则 决定 了 以 下 事项 。 


。 微 交 互 如 何 响应 被 激活 的 触发 器 。 用户 单 击 图 标 时 会 发 生 什么 ?( 参 
见 本 章 3.1.5 市 “不 要 从 零 开 始 ”。) 

。 交互 期 间 用 户 可 以 进行 什么 操作 。 用 户 可 以 取消 下 载 、 调 市 音量 ， 
或 者 手工 触发 通常 是 自动 触发 的 操作 (比如 检查 新 邮件 ) 吗 ? 

。 动作 发 生 的 顺序 及 时 间 。 比 如 ， 在 “搜索 ”按钮 变 成 活动 状态 前 ， 
用 户 必 须 在 搜索 框 中 输入 文本 。 
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。 使 用 什么 数据 以 及 数据 的 来 源 。 微 交互 是 否 依赖 地 理 定 位 、 天 气 状 
态 、 当 前 时 间 、 股 票 价格 ? 如 果 是 ， 这 些 数据 从 哪里 得 来 ? 

。 简洁 的 相关 配置 及 参数 。 规 则 从 整体 上 来 看 是 可 以 用 算法 表达 的 ， 
而 微 交 互 的 某 些 部 分 又 是 由 算法 驱动 的 。( 参 见 本 章 3.4 市 “算法 ”。) 

。 什么 时 候 提供 什么 反馈 。 规 则 可 以 表明 哪个 “步骤 ”应 该 有 反馈 ， 
以 及 后 台 都 在 进行 什么 操作 。 

。 微 交 互 处 于 什么 模式 (mode)。 这 里 所 谓 的 “模式 ”是 指 规则 中 应 
该 尽 可 能 避免 的 “分 又 ”"。 但 有 时候 这 种 “分 又 ”又 是 必要 的 。 比 
如 在 很 多 天 气 应 用 中 ， 输 入 城市 就 是 一 个 输入 模式 ， 它 独立 于 默认 
的 查看 天 气 模式 。 关 于 模式 的 更 多 内 容 ， 请 参见 第 5 章 。 

。 微 交互 是 否 重复 以 及 多 久 重 复 一 次 。 微 交互 是 一 次 性 的 活动 ， 还 是 
个 循环 往复 的 过 程 ? 关于 循环 的 更 多 内 容 ， 请 参见 第 5 章 。 

。 微 交 互 结束 时 会 发 生 什么 。 微 交互 结束 时 是 切换 到 另 一 个 微 交 互 ， 
还 是 自动 消失 ? 亦 或 永远 不 会 结束 ? 


用 户 可 能 知道 也 可 能 不 知道 规则 的 存在 ， 而 规则 让 自己 可 见 的 方式 有 
两 种 ， 允许 做 什么 和 不 允许 做 什么 〈 见 图 3-3) 。 这 两 种 方式 都 反馈 的 
时 机 (参见 第 4 章 ) ; 当然， 正如 第 1 章 开 头 那个 故事 所 揭示 的 ， 有 
时 候 用 户 的 心智 模型 与 规则 生成 的 概念 模型 不 一 定 匹配 。 


图 3-3: MailChimp 为 了 告诉 用 户 不 能 做 什么 ， 让 可 怜 的 黑猩猩 伸 出 脱 膊 来 
表示 宽度 ， 一 旦 超过 指定 宽度 ， 黑 猩猩 的 脱 膊 就 会 掉 下 来 ( 蒙 “Little Big 
Details” 惠 人 允 使 用 ) 

我 们 还 是 以 开 灯 这 个 最 简单 的 微 交 互 为 例 。 开 灯 的 规则 如 下 : 


。 如 果 开 关 被 按 下 ， 灯 点 亮 并 保持 ， 
。 如 果 开 关 再 次 被 按 下 ， 灯 熄灭 。 
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非常 简单 。 -假如 我 们 在 开关 上 增加 一 个 运动 传感器 ， 规 则 就 会 复杂 
很 多 。 


。 每 3 秒 钟 检 查 一 次 运动 。 

。 如 果 有 物体 移动 ， 确 定 是 否 与 人 体 大 小 相仿 ? (一 只 猫 跑 过 来 ， 不 
必 开 灯 。) 

。 如 果 是 ， 开 灯 。 

。 每 3 秒 钟 检 查 一 次 运动 。 

。 有 物体 移动 吗 ? 

。 如 果 没 有 ， 等 10 秒 钟 ， 关 灯 。 


当然 ， 这 些 规则 未 必 无 懈 可 击 。3 秒 检测 一 次 是 不 是 太 长 ? 还 是 说 太 
这 么 频繁 是 不 是 太 耗 电 了 ? 或 许 你 真 想 让 猎 跑 进 屋 的 时 候 也 
能 自动 开 灯 。 我 相信 ， 读 者 中 一 定 有 不 少 人 有 过 在 洗手 间 因 为 传感器 
ee ee 0 
显然 ， 规则 决定 什么 事情 发 生 ， 以 什么 顺序 发 生 ， 进而 影响 用 户 体验 。 


3.1.1 生成 规则 

设计 规则 最 简单 的 方式 ， 就 是 一 开始 先 把 你 能 想到 的 规则 大 体 上 记录 
下 来 。 一 般 来 说 ， 能 够 记录 下 来 的 都 是 微 交 互 期 间 的 主要 动作 ， 只 要 
把 它们 一 步 一 步 地 按照 顺序 记录 下 来 即 可 。 比 如 把 一 件 商 品 放 到 购物 
车 里 ,一 开始 规则 可 能 如 下 所 示 : 


1. 在 商品 页 面 上 ， 用 户 单 击 “ 添 加 到 购物 车 ”按钮 ， 
2. 商品 被 添加 到 “购物 车 ”中 。 


上 述 规则 很 简单 。 但 随 着 设计 的 细 化 ， 以 上 规则 会 变 得 复杂 起 来 。 


ei 


注 2: 当然 ， 真实 的 电灯 开关 的 工作 原理 不 是 这 样 的 。 按 下 开关 就 会 接 通 电路 ， 电 流 流 过 
[ 泡 。 再 按 下 开关 就 会 切断 电路 。 但 用 户 不 必 知 道 这 些 物 理 上 的 细节 ， 只 要 理解 规 
即 可 。 


党 


污 
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1. 在 商品 页 面 上 ， 检 查 用 户 以 前 是 否 购买 过 这 个 商品 。 如 果 购 买 过 ， 
把 按钮 的 标签 由 “添加 到 购物 车 ” 改 为 “再 次 添加 到 购物 车 ”。 

2. 检查 用 户 的 购物 车 中 是 否 已 经 有 了 这 个 商品 。 如 果 有 了 ， 把 “添加 
到 购物 车 ” 改 为 “再 添加 一 个 到 购物 车 ”。 

3. 用 户 单 击 按钮 。 

4. 把 商品 添加 到 购物 车 。 


差不多 如 此 。 而 这 还 只 是 设计 一 个 如 图 3-4 所 示 按 钮 的 规则 。 进 行 真 
正 设计 时 ， 规 则 可 能 还 会 更 多 。 


People you should follow 


Klein Jess Gray _ 
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icial In 


i John Digweed 

\ls labe 2 = 

minimalstation 
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图 3-4: 简单 按钮 的 规则 。 如 果 有 人 在 Mixcloud 上 已 经 关注 了 你 ,“ 关 注 ” 
按钮 会 变 成 “互相 关注 ”( 蒙 Courtesy Murat Mutlu 和 “Little Big Details” 
惠 允 使 用 ) 


当然 ， 如 果 能 够 可 视 化 地 呈现 规则 ， 那 就 更 好 了 。 有 了 时候， 逻辑 关系 
图 非常 有 用 〈 见 图 3-5)。 
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按钮 标签 为 “再 添 购物 车 中 有 这 
EN 个 商品 吗 ? 


按钮 标签 为 “再 次 角 户 以 前 买 过 
添加 到 购物 车 ” 这 个 商品 吗 ? 


按钮 标签 为 “ 添 
加 到 购物 车 ” 


用 户 单 击 按钮 
商品 添加 到 
购物 车 


图 3-5: 表示 规则 的 逻辑 关系 图 

规则 关系 图 能 够 让 人 对 规则 之 间 的 逻辑 关系 一 目 了 然 ， 知 道 哪些 动作 
变 得 (过度) 复杂 了 。 另 外 ， 关 系 图 也 能 帮 人 发 现 一 些 在 纯 文 本 形式 
下 发 现 不 了 的 错误 。 图 3-6 展示 了 一 个 细微 的 规则 。 
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图 3-6: 苹果 的 Pages 会 自动 添加 更 低级 别 的 标题 样式 ， 但 前 提 必 须 是 已 经 
使 用 了 当前 最 低级 别 的 样式 。 比 如 ， 只 有 在 已 经 使 用 了 Heading 2 的 情况 下 ， 
才 会 显示 Heading 3 ( 蒙 “Little Big Details” 惠 允 使 用 ) 
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3.1.2 动词 与 名 词 

可 以 把 微 交 互 想象 成 一 句 话 。 这 和 句 话 中 的 动词 代表 用 户 要 采取 的 动 
作 ， 名 词 代表 辅助 实现 该 动作 的 对 象 ( 见 图 3-7)。 比 如 ， 通 过 滑动 条 
可 以 调节 音量 大 小 。 动 词 就 是 用 户 可 以 做 什么 (调节 音量 大 小 )， 而 
名 词 就 是 通过 什么 来 调节 (滑动 条 )。 


Your Run on 6/19/11 at 12:25pm 25 由 


/Do2m 


人 8'56"mi 区 1:02:06 4 431cal 


rae) Play Nike+ Tag 


图 3-7: 如果 有 朋友 “喜欢 ”你 在 Facebook 上 的 跑步 记录 ， 你 就 能 在 使 用 
Nike+ 应 用 时 从 耳机 中 听 到 加 油 的 欢呼 声 ( 蒙 “Little Big Details” 惠 允 使 用 ) 


微 交 互 中 的 所 有 对 象 (包括 UI 界面 中 每 一 部 分 、 表 单 中 的 每 个 元 素 
和 控件 、 每 个 LED 灯 )， 都 是 带 有 特征 和 状态 的 名 词 。 而 规则 定义 了 
这 些 特征 和 状态 ( 见 图 3-8)。 以 一 个 简单 的 下 拉 菜 单 为 例 ， 它 有 两 个 
状态 : 打开 和 关闭 。 打 开 时 ， 菜 单 选 项 会 显示 出 来 ， 这 些 选 项 就 是 菜 
单 的 特征 。 除 了 选项 ， 菜 单 还 可 以 有 其 他 特征 ， 比 如 最 多 显示 的 选项 
个 数 和 每 个 选项 标签 的 最 大 长 度 。 菜 单 还 可 以 有 其 他 状态 ， 比 如 悬 停 
打开 和 悬 停 于 选项 上 时 显示 工具 提示 条 。 诸 如 此 类 的 细节 都 要 由 规则 
来 定义 。( 动 词 也 有 特征 。 比 如 ， 某 个 任务 完成 得 多 快 ? 一 个 动作 花 
多 长 时 间 ? 这 些 同 样 也 要 由 规则 来 定义 。) 
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Password must: 


® Have at least one letter 
O Have at least one capital letter 
OQO Haveat least one number 


®@ Not contain more than 3 
Consecutive identical characters 


@ Not be the same as the account 
name 


加 Be atleast 8 characters 


图 3-8: 修改 Apple ID 的 密码 时 ， 程 序 会 随 着 用 户 输入 逐个 核对 “必须 ……” 
条 件 .这 种 直观 的 方式 揭示 出 了 微 交 互 的 约束 作用 ( 蒙 Stephen Lewis 和 ”Little 
Big Details” 惠 人 允 使 用 ) 


微 交 互 中 的 每 个 名 词 都 应 该 独一无二 。 如 果 有 两 个 相同 的 名 词 ， 要 想 办 
法 把 它们 合 二 为 一 。 还 要 注意 ， 两 个 (或 多 个 ) 看 起 来 相同 的 名 词 ， 它 
们 的 行为 也 应 该 相同 ( 见 图 3-9)。 两 个 看 起 来 类 似 的 按钮 ， 它 们 的 行 
为 不 能 差 得 太 远 。 行 为 不 同 的 对 象 看 起 来 应 该 完全 不 一 样 。 类 似 地 ， 相 
同 的 名 词 在 不 同 的 地 方 也 不 能 行为 杀 异 。Android 系统 中 的 “后 退 ” 按 
钮 就 是 一 个 著名 的 例子 ， 它 能 把 用 户 带 到 什么 地 方 ? 在 不 同 的 应 用 中 答 
案 也 不 同 : 有 了 时候 是 前 一 个 面板 ， 有 时候 则 是 完全 不 同 的 应 用 (参见 
Ron Amadeo 的 文章 “Stock Android Isn’t Perfect”: http://t.cn/zlzCee4)。 
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图 3-9: GitHub 不 让 用 户 选择 信用 卡 ， 而 是 根据 用 户 输入 的 卡号 自动 判断 并 
作出 选择 ( 蒙 “Little Big Details” 惠 人 允 使 用 ) 
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微 交 互 的 最 高 境界 通常 都 是 给 用 户 提 供 多 种 多 样 的 动词 ， 但 只 提供 最 
少 的 名 词 。 


3.1.3 ”屏幕 与 状态 

实现 规则 时 很 有 诱惑 力 的 一 种 做 法 ， 就 是 为 规则 中 的 每 一 步 都 设计 出 
一 个 屏幕 ， 换 名 话说 ， 就 是 为 整个 微 交 互 设 计 一 连 串 安装 向 导 式 的 
UI。 这 种 做 法 适合 一 些 特殊 的 微 交 互 。 那 怎么 个 特殊 法 呢 ? 每 个 步骤 
要 明确 、 不 连续 ， 不 会 反复 出 现 ， 甚 至 只 要 过 一 遍 就 完事 。 但 是 ， 对 
于 大 多 数 微 交 互 而 言 ， 这 种 做 法 会 破坏 整个 工作 流程 ， 造 成 不 必要 的 
割裂 。 事 实 上 ， 采 用 独立 屏幕 往往 不 如 利用 状态 变化 。 因 为 状态 变化 
可 以 在 不 加 载 新 屏幕 的 情况 下 ， 渐 进 地 揭示 每 时 每 刻 必须 做 出 的 决定 
或 操作 的 控件 ( 见 图 3-10)。 


Ee 3350 02/12 ICVV ZIP | 


图 3-10; 在 iOS 应 用 Square 中 输入 CVV (Card Verification Value ， 信 用 
卡 安全 码 ) 时 ， 信 用 卡 图 片 会 翻 到 另 一 面 ， 让 用 户 一 眼 就 知道 到 哪里 找到 该 
号 码 ( 蒙 Dion Almaer 惠 允 使 用 ) 


随 着 用 户 一 步 一 步 地 遵循 规则 进入 微 交 互 ， 微 交互 中 的 对 象 (名 词 ) 
可 以 (或 者 说 应 该 ) 改变 ， 以 反映 每 时 每 刻 的 变化 。 每 次 改变 都 是 一 
种 应 该 在 设计 时 考虑 的 状态 〈 见 图 3-11)。 


1 Today's Birthdays See All 围 Kimberly Wiefling and Sajan V. Raj 
Kimberly Wiefling eal me) Ee 
| Write on Kimberty's wall... 看 Marius Andersen poked You 
】 
-< Sajan V. Raj Sponsored Story See All 
‘et Write on Sajan's wall... 图 Lilit Katlapa likes Louis Vuitton. 
外 


要 5 Louis Vuittan 


图 3-11: 如 果 几 个 朋友 的 生日 恰好 在 同一 天 ，Facebook 的 生日 微 交互 支持 
你 同时 给 他 们 留言 ( 蒙 Marina Janeiko 和 “Little Big Details” 圳 允 使 用 ) 
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用 户 可 以 与 之 交互 的 任何 对 象 都 〈 至 少 ) 有 三 种 状态 。 


。 邀请 /默认 状态 
第 一 次 呈现 在 用 户 眼前 时 的 状态 。 这 个 状态 也 适合 呈现 一 些 预先 加 
载 的 数据 。 


。 活动 状态 
用 户 与 之 交互 时 ， 对 象 有 什么 反应 ? 


。 更 新 后 的 状态 
用 户 停止 与 之 交互 后 ， 对 象 有 什么 变化 ? 


我 们 以 简单 的 拖 放 为 例 。 可 以 拖 放 的 对 象 ， 它 的 初始 /默认 状态 应 该 
看 起 来 就 是 可 以 拖 动 的 。 而 且 ， 除 此 之 外 ， 对 象 本 身 (以 及 光标 ) 应 
该 有 一 个 悬 停 状态 ， 表 示 对 象 可 以 拖 动 。 而 在 被 拖 动 期 间 ， 对 象 还 可 
以 变 成 另 一 种 状态 。( 此 时 ， 屏 幕 [ 另 一 个 名 词 ] 也 可 以 变 成 另 一 种 状 
态 ， 表 示 可 以 把 对 象 放 在 哪里 。) 最 后 ， 还 有 一 个 放置 状态 ， 有 可 能 
就 是 恢复 为 默认 状态 ( 见 图 3-12) 。 


Share a link with your followers 


SIRENS by @CAMPSTAG: http://youtu.be/fEVEtdGXUI4 


Username or email 99 匡 > :1 


Password 


J Remember me ' Forgot password? 


图 3-12: 在 Twitter 上 ， 分 享 链接 的 按钮 有 两 个 空闲 状态 : 登录 和 未 登录 。 如 
果 未 登录 ， 单 击 该 按钮 可 以 同时 登录 和 分 享 ( 蒙 Rich Dooley 和 “Little Big 
Details” 惠 允 使 用 ) 


微 交 互 的 设计 师 应 该 关注 每 一 个 状态 ， 因 为 每 一 个 状态 都 需要 向 用 户 
传达 信息 ， 告诉 用 户 当时 发 生 了 什么 ， 即使 什么 也 没有 发 生 。 
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3.1.4 约束 条 件 
设计 规则 时 需要 考虑 业务 性 、 环 境 性 及 技术 性 的 约束 ( 见 图 3-13 ) ， 
包括 但 不 限于 以 下 几 个 方面 。 


Name John Smith 
Gender [ Male 3 
Birthday 24 |[April 3 2014 | A Aeyourealy from thefuture? 
Country | New Zealand 5 
?ostal Code 


图 3-13: Yahool 的 注册 微 交 互 不 允许 填写 将 来 的 日 期 ， 因 此 只 提供 下 拉 列 表 
让 用 户 从 中 选择 ， 从 而 完全 避免 错误 ( 蒙 “Little Big Details” 囊 允 使 用 ) 


。 可 用 的 输入 和 输出 方法 。 有 键盘 吗 ? 有 扬声器 吗 ? 

。 输入 内 容 的 类 型 和 范围 。 比 如 ， 密 码 框 允许 输入 几 个 字符 ,或 者 用 
户 可 以 把 音量 调 到 多 大 。 

。 要 付出 哪些 代价 。 不 仅仅 从 金钱 角度 〈 例 如 ， 如 图 3-14 所 示 的 那 
样 使 用 某 些 数据 服务 )， 还 要 从 资源 消耗 或 占用 角度 考虑 要 付出 什 
么 代价 。 每 10 秒 向 服务 器 发 送 一 次 请 求 可 能 会 给 服务 器 带 来 极 大 
负担 ， 同 时 也 会 导致 设备 电池 消耗 过 快 。 


Are you sure you want to add this to your Wish List? 


This item can currently be downloaded for free, but prices are 
subject to change. 


| AddtoWishList | | Cancel | DownloadNow | 


图 3-14: 在 向 愿望 清单 里 添加 免费 商品 时 ，iTunes 会 告诉 你 只 要 下 载 就 可 以 

免费 安装 了 ( 蒙 “Little Big Details” 惠 人 允 使 用 ) 

。 可 用 的 数据 有 哪些 。 可 以 通过 传感器 收集 到 哪些 数据 ? 有 哪些 服务 
或 API 可 以 用 来 取得 位 置 、 新 闻 、 天 气 、 时 间 等 信息 ? 
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。 可 以 收集 哪些 数据 。 可 以 收集 和 使 用 用 户 个 人 的 哪些 (行为) 数据? 
最 后 两 个 约束 条 件 可 以 让 你 不 必 从 零 开 始 。 


3.1.5 不 要 从 零 开 始 
对 任何 微 交 互 而 言 ， 触 发 器 被 启动 后 的 第 一 个 问题 都 是 : 我 对 用 户 以 
及 用 户 所 处 的 情境 了 解 多 少 ? 你 肯定 了 解 一 些 情况 ， 而 有 些 情 况 可 以 
用 于 改进 微 交 互 ( 见 图 3-15 ) 。 


Brightness Low 


Foryourtickets to be scanned, we 
will increase your brightness 
temporarily: 


图 3-15: iOS 应 用 Eventbrite 为 了 方便 扫描 二 维 码 ， 会 临时 增加 Mobile 
Ticket 屏幕 的 亮度 。 对 于 这 个 情境 而 言 增加 亮度 是 有 必要 的 ， 不 过 这 个 警告 
框 似乎 没什么 必要 ( 蒙 Phil Metcalfe 和 “Little Big Details” 惠 允 使 用 ) 
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以 下 是 一 些 常 见 的 例子 : 


。 用 户 使 用 的 平台 /设备 ， 
。 当天 的 时 间 ， 

。 房间 的 噪音 ; 

。 微 交 互 的 持续 使 用 时 间 ， 
。 用 户 是 不 是 在 开会 ; 

。 用 户 是 不 是 一 个 人 ; 

。 电池 还 剩 多 少 电量 ， 

。 设备 的 位 置 和 方向 ; 

。 用 户 刚才 做 过 什么 。 


有 些 并 非 直接 来 源 于 用 户 的 数据 可 能 会 更 有 用 ( 见 图 3-16)。 


COMPLETE YOUR PROFILE 
80% complete 


14 of your friends work at Google. 
Do you work here, too? 


图 3-16: Google+ 会 根据 你 朋友 的 职业 猜测 你 在 哪里 上 班 ( 蒙 Artem 
Gassan 和 “Little Big Details” 惠 人 允 使 用 ) 


最 后 一 项 、 可 能 也 是 最 重要 的 一 方面 数据 有 赖 于 收集 用 户 的 行为 信 
息 。 记 住 ,“ 从 系统 资源 角度 说 可 能 是 这 个 问题 ”的 观点 早 就 过 时 了 。 
今天 ， 即 使 是 小 功率 的 家 用 电器 都 有 了 足够 的 内 存 和 处 理 器 去 收集 这 
些 信息 。 因 此 真正 的 问题 在 于 ， 我 们 能 否 说 服 人 力 资源 (开发 人 员 ) 
相信 这 是 一 件 值 得 做 的 事 。( 事 实 上 ， 这 是 绝对 值得 的 。) 当然 ， 设 
计 师 应 该 明白 : 必须 尊重 隐私 。 假 如 微 交 互 涉及 一 些 敏 感 话题 (比如 
体检 结果 )， 那 你 很 可 能 涉嫌 收集 个 人 隐私 。 怎 么 区 分 呢 ? 可 以 向 自 
己 提问 : 微 交互 收集 到 的 信息 是 否 会 让 用 户 感到 尴 众 、 羞 愧 或 威胁 ? 
如 果 是 ， 就 不 要 收集 了 。 用 户 宁 要 没有 个 性 的 体验 ， 也 不 想 暴露 隐私 
( 见 图 3-17) 。 


70 | 第 3 章 


©@ Step 3 - Select a Delivery Date 


Click Here to Select Date 其 


*Father's Dayis 6M7 


图 3-17: Pro Flowers 在 你 选择 送 货 时 间 时 会 向 你 显示 最 近 的 节目 ( 蒙 
Gabriel Henrique 和 “Little Big Details” 惠 允 使 用 ) 


这 些 数据 经 常 可 以 混合 使 用 ， 比 如 : 每 天 10 点 ， 用 户 做 某 某 事 ， 因 
此 如 果 用 户 恰好 这 个 时 间 触 发 微 交 互 ， 就 为 他 提供 某 某 。 比 如 : 用 户 
每 隔 一 定时 间 到 某 个 地 方 ， 就 会 做 某 某 事 。 再 比如 : 用 户 每 次 通过 移 
动 设 备 登录 ， 都 只 会 阅读 。 图 3-18 展示 了 这 么 一 个 例子 。 


taokhaw, Shop v ”Participatev Communityr Info 
shop > | 


图 3-18: 第 一 次 登录 时 ，Threadless 会 让 你 知道 能 否 把 货 送 到 你 所 在 的 国家 
( 蒙 “Little Big Details” 惠 允 使 用 ) 


总 之 ， 就 是 要 善于 利用 情境 和 之 前 的 行为 预测 或 增强 微 交 互 〈 见 图 
3-19)。 可 以 把 收集 用 户 数据 的 过 程 当成 持续 的 用 户 研 究 ， 在 此 基础 上 
进行 分 析 就 有 可 能 了 解 用 户 如 何 使 用 微 交 互 ， 从 而 做 出 有 针对 性 的 调 
整 。 比 如 ， 通 过 收集 用 户 行为 数据 ， 你 会 发 现 应 该 让 高 级 用 户 利用 不 
可 见 的 触发 器 跳 过 规则 的 某 些 步 又 。 导 航 应 用 Waze 让 高 级 用 户 请 动 
(而 不 是 按 下 ) 按钮 就 可 以 直接 打开 导航 ， 省 了 两 次 点 击 操作 。 
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Safari Chrome 


-与 Dropbox.dmg 


1 Dropbox.dmg 


1. Run the Dropbox Installer 1. Run the Dropbox Installer 


Click on the .dmg file that just downloaded in the 
lower left corner of your browser window. 


From your browser's Downloads window, double 
click the .dmag file that just downloaded. 


图 3-19: Dropbox 根据 用 户 使 用 的 浏览 器 改变 下 载 说 明 ( 蒙 Mikko Leino 和 
“Little Big Details” 惠 允 使 用 ) 


3.1.6 ”理解 复杂 性 

我 们 在 第 1 章 介 绍 过 的 发 明 剪贴 操作 的 Larry Tesler 曾经 有 一 个 观点 ， 
非常 适合 设计 规则 : 特 斯 勒 复杂 性 守恒 定律 。 这 个 定律 的 大 意 就 是 ， 
所 有 活动 都 有 内 在 的 复杂 性 ， 超 过 了 某 个 临界 点 ， 简 化 是 不 可 能 的 。 
既然 如 此 ， 唯 一 的 问题 就 是 如 何 对 待 复杂 性 。 要 么 让 系统 来 处 理 ， 不 
让 用 户 介 入 ; 要 么 让 用 户 来 处 理 ， 把 更 多 的 决定 权 (包括 控制 权 ) 交 
给 用 户 ( 见 图 3-20)。 


IxDA Pittsburgh Conference IxDA Pittsburgh Conference 
Redux Redux 
location None 
各 $0 I-day Bovasod all-day Bo 
y from 08/08/2012 06:00 PM ©Cy rom 08/08/2012 06:00 PM DC 
i MAug 2012 4@ Rd to 08/08/2012|09:00 PM 
Se 和 rt 的 的 和 Tim 6€:30 PM 30 minutes 
3 1234 六 7:00 PM 1 hou 
showas| 5 6 7 9 10 11 show as Busy$ 7:30 PM 1.5 hour 
1213 1415161718 8:00 PM 2 hou' 
calendar| 19 20 21 22 23 24 25 calendar BixOA $ 8:30 PM hour 
V 9:00 PM 3 hou 
alert| 26 27 28 29 30 31 alert None$ 
om Bis 
mony 避 invitees POMYIEEI 篇 Ohony 避 invitees Invi 瑟 癌 
attachments AddFile attachments Add File,, 
url None 
note None note None 
Done Done 


图 3-20: 即使 是 难 用 的 iCal, 在 选择 时 间 的 微 交 互 中 也 有 一 个 值得 称道 的 规则 。 
这 个 微 交 互 不 让 你 自己 计算 活动 需要 多 长 时 间 ， 而 是 会 在 你 选择 结束 时 间 时 自 
动 给 出 活动 的 持续 时 间 。 这 是 微 文案 的 一 个 实际 应 用 ( 蒙 Jack Moffett 惠 允 使 用 ) 
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设计 微 交 互 时 ， 人 们 大 都 倾向 于 减少 用 户 控制 ， 而 让 微 交互 处 理 大 多 


数 复杂 性 。 对 此 ， 我 们 想 给 
制 ， 但 即使 如 此 ， 拓 


出 一 个 忠告 : 有 些微 交互 必须 由 用 户 来 控 
系统 仍然 需要 处 理 一 定 的 复杂 性 ( 见 图 3-21)。 


也 CT Select Relation: 
Sister 
We will request confirmation of Mother 
Asemota upon saving. Daughter 
Auntie 
| Jennifer MANNIIN Y Niece 
Cousin (female) 
Grandmother 
We will request confirmation ol Granddaughter 
Asemota upon saving. Wife 
Stepsister 
Marc MVNA Seerothi 
Stepdaughter 
Add another family member Sister-in-law 


Mother-in-law 
Daughter-in-law 
Partner (female) 


Bl Angela NI Niece Bd 


We will request confirmation ol Y Select Relation: 
Asemota upon saving. 


国 Jennifer MAN 


Cousin (male) 
Grandfather 
Grandson 

外 | Marc MNMMN pe ~ 
Husband 

Stepbrother 

Stepfather 

Stepson 

Brother-in-law 


We will request confirmation of 
Asemota upon saving. 


Add another family member 


Father-in-law 


图 3-21: 在 Facebook 上 添加 新 家 庭 成 员 时 ，Facebook 会 自动 判断 被 选 家 
庭 成 员 的 性 别 ， 并 尽 可 能 调整 列表 框 中 的 成 员 关 系 ( 蒙 Stefan Asemota 和 


“Little Big Details” 惠 允 使 用 ) 


首先 ， 要 找 出 最 核心 的 复杂 


性 在 什么 地 方 ， 确 定 用 户 掌握 着 哪 一 部 分 


以 及 何 时 需要 介入 。 如 果 用 户 介 入 绝对 必要 ， 则 适时 将 控制 权 交 给 


户 ( 见 图 3-22)。 


Google translate 


From: English-detected "| 加 To: Danish "| Translate | 


Thaaailis in the details 


园 usten 
From: |Englsh-detected | @ To:|Danish | Tanslate | 


Tedeviiisinthe details 


团 Uisten 


English - detected to Danish translation 


Dijavlen eri detaljerne 
园 Listen Gick for alternate translations 


Newl Hold down the shift key, click, and drag the words above to reorder Dismiss 


English - detected to Danish translation 


Dijavlen er i detaljerne 
Djaavelen 
Djavelens .Drag wih shiftkey tw reorder. 


Fanden click, and drag the words above to reorder Dismiss 
Atdjaevelen 
EE ca 


图 3-22: 光标 悬 停 在 Google Translate 中 的 译文 上 时 ， 对 应 的 原文 会 自动 
高 亮 。 可 以 更 改 译文 ， 但 必须 与 原文 一 一 对 应 ( 蒙 Shruti Ramiah 和 “Little 


Big Details” 惠 人 允 使 用 ) 


从 处 理 复 杂 性 的 角度 来 说 ， 计 算 机 肯定 要 比 人 更 能 胜任 。 如 果 你 的 微 
交互 中 涉及 下 列 复杂 性 ， 那 就 让 系统 处 理 


。 快速 计算 ， 

。 同时 执行 多 个 任务 ， 

。 记忆 很 多 东西 ; 

。 检测 复杂 模式 ， 

。 从 大 数据 集中 搜索 特定 的 物品 。 


当然 ， 除 了 让 系统 承担 起 处 理 复杂 性 的 任务 外 ， 你 还 必须 足够 聪明 ， 
知道 给 用 户 提供 哪些 选择 以 及 它们 的 默认 值 。 


3.2 有限 的 选项 和 聪明 的 默认 项 


提供 给 用 户 的 选项 越 多 ， 微 交互 的 规则 也 就 越 多 。 一 般 来 说 ， 规 则 越 
少 则 微 交 互 就 越 容易 理解 。 因 此 ， 要 尽量 少 给 用 户 选 择 ， 同 时 提供 聪 
明 的 默认 项 。 


对 于 微 交 互 来 说 ， 最 好 能 提示 (或 自动 执行 ) 用 户 最 可 能 采取 的 下 一 
个 动作 。 提 示 的 方式 可 以 是 去 掉 其 他 所 有 选项 ， 或 者 视觉 上 给 出 变化 
(比如 ， 提 供 一 个 大 按钮 ) 。 正 如 游戏 设计 师 Jesse Schell 在 他 的 书 The 
Art of Game Design (CRC Press) 中 所 说 的 :“ 控 制 了 用 户 的 眼睛 ， 就 
控制 了 用 户 的 脚步 。 

知道 了 用 户 最 可 能 采取 的 下 一 个 步骤 ， 你 就 可 以 自动 地 、 在 没有 用 户 
干预 的 情况 下 执行 或 呈现 该 步骤 ( 见 图 3-23 和 图 3-24) 。 这 是 把 微 交 
互 连 接 为 一 个 整体 的 好 办 法 (参见 第 6 章 的 6.5 节 “ 编 排 微 交互 ”) 。 


图 3-23: 在 YouTube 上 按 Report( 举 报 ) 按 钮 会 自动 停止 播放 你 想 举 报 的 视频 ， 
它 会 为 你 执行 下 一 个 可 能 的 动作 ( 蒙 Aaron Laibson 和 “Little Big Details” 
惠 允 使 用 ) 


Photography by Edward Burtynsky Bee Create Pin 
Title: Jessica 6 in Logan's Run | 加 pinterest.com/pin/create/bookmarklet/?media=http%3A%2F%2Fpayload65.cargocollective.c. 


| art memes 寺 


| Those cracks in your face, do they hurt? 


图 3-24: 在 把 图 片 添加 到 图 片 分 享 社交 网 站 Pinterest 时 ， 页 面 中 选中 的 文字 
会 自动 填充 为 图 片 的 标题 ( 蒙 Louisa Fosco 和 “Little Big Details” 惠 允 使 用 ) 


用 户 手 里 的 每 个 选项 都 至 少 对 应 于 一 条 规则 ， 因 此 减少 规则 的 最 好 办 
法 就 是 给 用 户 提 供 有 限 的 选项 。 简 言 之 ， 选 项 越 少 越 好 。 微 交互 致力 
于 把 一 件 事 做 好 ， 理 想 情况 下 用 户 看 不 到 选项 ， 一 以 贯 之 的 只 有 聪明 
的 默认 项 。 所 有 人 都 只 要 操作 一 下 ， 然 后 一 劳 永 逸 : 规则 一 结束 后 是 
规则 三 ， 然 后 是 规则 三 。 这 正 是 谷歌 的 搜索 框 成 为 21 世纪 早期 最 有 
效率 (至少 在 互联 网 上 被 使 用 最 多 ) 的 微 交 互 的 原因 。 每 个 人 都 遵循 
相同 的 规则 : 


。 输入 文本 按 下 (大 大 的 ) 搜索 按钮 ， 
。 看 到 搜索 结果 。 


当然 ， 谷 歌 也 免不了 多 给 了 用 户 一 个 选项 :“ 手 气 不 错 ” 按 钮 。 点 这 个 
按钮 会 直接 显示 排名 最 高 的 搜索 结果 。 “手气 不 错 ” 按 钮 只 有 1% 的 用 
户 使 用 ， 而 且 据 报道 称 ， 这 个 按钮 每 年 都 会 让 谷歌 损失 1 亿美 元 的 广 
告 收入 。2010 年 ， 谷 歌 在 推出 “Google Instant”( 瞬 时 搜索 ) 时 果断 
删除 了 “手气 不 错 ”。Google Instant 能 随 着 用 户 输 入 实时 显示 搜索 结 
果 ， 因 此 根本 没有 按 “ 手 气 不 错 ” 的 必要 。” 于 是 ， 规 则 变 成 了 这 样 : 


注 3: Nicholas Carlson,“Google Just Killed The“Tm Feeling Lucky Button”” (谷歌 拢 杀 了 “ 手 
气 不 错 ” 按 钮 ) Business Insider，2010 年 9 月 8 日 。 
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外 输入 文本 ; 
。 显示 搜索 结果 。 


这 个 规则 已 经 没 办 法 再 简化 了 ， 除 非 谷歌 能 猜 出 来 你 想 搜索 什么 ， 然 
后 立即 把 结果 显示 给 你 。 


对 微 交 互 而 言 ， 两 个 选项 可 能 都 太 多 了 。 但 这 并 不 是 说 不 能 提供 选 
项 ， 比 如 温度 设 定 ( 热 、 温 上 暧 、 冷 )， 而 是 说 提供 更 多 选项 造成 规则 
又 变 是 不 明智 的 。 规 则 的 这 种 变化 很 可 能 导致 微 交互 进入 另 一 种 模式 
(参见 第 5 章 )。 最 常见 的 例子 就 是 “忘记 密码 了 ? ”链接 ， 很 多 登录 
微 交互 都 提供 这 个 选项 。 单 击 该 链接 ， 用 户 就 会 进入 另 一 种 模式 ， 而 
该 模式 最 终 可 以 把 用 户 带 回 主 模式 输入 想起 来 的 密码 。 


要 替 用 户 做 出 某 些 默认 选择 ， 某 些 情 况 下 应 该 给 出 与 决定 相关 的 说 
明 。 比 如 苹果 的 日 历 提醒 功能 ， 在 显示 提醒 〈 如 “15 分 钟 后 开会 ”) 
时 ， 还 会 显示 一 个 “再 睡 一 会 ”按钮 。 可 是 ， 并 没有 同时 显示 “再 
睡 ” 多 长 时 间 (我 自己 的 经 验 是 15 分 钟 ， 有 点 太 长 了 )， 也 没有 给 出 
修改 这 个 默认 项 的 选项 。 实 际 上 ,把 “再 睡 15 分 钟 ”作为 按钮 的 标 
签 应 该 更 好 ， 因 为 它 说 明了 规则 。 


最 明显 的 默认 项 应 该 是 大 多 数 人 大 多 数 情况 下 会 用 到 的 。 即 使 你 觉得 
这 个 选项 不 应 该 禁用 户 选 择 ， 也 应 该 让 它 看 起 来 非常 明显 。 最 常见 的 
例子 就 是 “确定 /取消 ”按钮 。 “取消 ”被 按 下 的 机 会 一 般 比 “确定 ” 
少 得 多 ， 因 此 “确定 ”应 该 更 容易 看 到 (要 么 大 一 些 ， 要 么 颜色 上 加 
以 区 分 )。 另 外 ， 不 要 忘 了 “ 回 车 ” 键 (当然 ， 前 提 是 用 户 设 备 上 有 
这 个 键 )。 按 下 “ 回 车 ”应 该 执行 默认 操作 。 


如 果 必 须 向 用 户 提供 一 个 选项 ， 那 么 要 记 住 : 怎么 呈现 这 个 选项 会 影 
响 用 户 的 选择 。 位 于 列表 项 部 或 底部 的 项 目 ， 比 位 于 列表 中 部 的 项 目 
更 容易 被 记 住 。 而 高 亮 的 项 目 被 选择 的 机 会 也 比 未 高 亮 的 项 目 多 。 如 
果 需 要 用 户 做 出 一 连 串 决定 ， 那 么 先 从 简单 的 开始 ， 慢 慢 地 给 出 复杂 
的 选项 。 美 国美 林 银 行 负责 可 用 性 的 副 总 裁 Colleen Roller 说 过 :“ 在 
理解 可 用 选项 并 能 够 对 它们 逐个 比较 和 评估 的 条 件 下 ， 人 们 最 有 信心 


做 出 决定 。 选 项 越 少 ， 区 分 越 容 易 ， 评 估 越 简单 。“ 


既然 每 个 选项 〈 至 少 ) 对 应 一 条 规则 (而且 ， 别 忘 了 我 们 希望 规则 越 
少 越 好 )， 那 么 你 提供 给 用 户 的 选项 就 该 非常 有 意义 。 有 意义 的 选项 
可 以 影响 用 户 完 成 微 交互 目标 的 方式 ， 甚 至 会 影响 目标 本 身 。 怎 么 样 
才 算 有 意义 ”比如 登录 Facebook， 或 者 说 输入 用 户 名 和 密码 。 什 么 是 
没有 意义 的 选项 呢 ? 就 是 你 无 论 选 什么 ， 都 不 会 影响 结果 。 亚 马 逊 的 
Kindle 应 用 要 求 用 户 选 择 高 亮 文 本 的 颜色 ,但 用 户 却 不 能 搜索 也 不 能 
导出 高 亮 的 文本 。 这 种 选项 就 没 多 大 意思 了 ， 还 不 如 通过 默认 的 高 亮 
微 交 互 来 自动 设置 。 是 否 有 意义 ， 有 什么 判断 标准 吗 ? 只 要 问 一 个 问 
题 : 提供 这 个 选项 能 让 用 户 感觉 有 意思 、 有 价值 ， 或 者 心情 舒畅 吗 ? 
如 果 答 案 是 不 能 ， 那 还 是 算 了 吧 。 


去 掉 选 项 有 一 个 好 处 ， 即 避免 很 多 极端 情况 出 现 。 极 端 情况 指 的 是 那 
些 非 常 难 解决 的 问题 ， 而 且 只 是 偶尔 才 可 能 碰 上 ， 只 适合 小 众 〈 高 端 ) 
用 户 。 极 端 情况 可 能 会 导致 微 交互 跑 偏 《warp)， 让 你 的 设计 偏向 不 常 
见 的 场景 ， 而 不 是 最 常见 的 场景 。 极 端 情况 是 微 交 互 的 天 敌 ， 必 须 尽 
一 切 可 能 避免 ， 包 括 修 改 规则 ， 消 除 其 产生 的 基础 。 举 个 例子 ， 如 果 
“出 生年 份 ”是 一 个 文本 框 ， 那 么 用 户 很 可 能 在 里 面 输 入 无 效 日 期 ， 比 
如 写成 了 未 来 的 某 一 年 。 把 文本 框 改 成 只 能 选择 的 下 拉 菜 单 ， 就 可 以 
消除 这 种 极端 情况 。 


3.2.1 控件 和 用 户 输入 

大 多 数 微 交互 都 会 让 用 户 输入 信息 。 为 此 ， 必 须 决 定 要 使 用 什么 控 
件 ， 如 何 展示 这 些 控件 。 以 调节 音量 这 个 最 简单 的 微 交互 为 例 ， 音 量 
调节 可 以 分 为 三 个 状态 : 调 大 、 调 小 和 静音 。 为 此 ， 可 能 的 方案 包括 
三 个 按钮 、 一 个 滑动 条 、 一 个 拨号 盘 、 两 个 按钮 、 一 个 滚轮 、 一 个 请 
动 条 和 一 个 按钮 ， 等 等 。 


注 4:“Abundance of Choice and Its Effect on Decision Making” (选择 多 样 性 及 其 对 决策 的 
影响 ) UX Matters，2010 年 12 月 6 日 。 
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控件 的 选择 需要 权衡 易 操 作 和 易 辨识 这 两 个 方面 ( 见 图 3-25)。 易 操 
作 意 味 着 每 个 指令 对 应 一 个 控件 。 对 音量 调节 来 说 ， 就 是 有 三 个 按 
钮 : 一 个 用 于 调 大 音量 、 一 个 用 于 调 小 音量 ， 还 有 一 个 用 于 关闭 声 
音 。 易 辨识 意味 着 让 一 个 控件 承载 多 个 操作 。 对 音量 调 市 来 说 ， 就 是 
要 选择 滑动 条 或 凌 轮 。 


ate plate 
Table Help All changes saved in Drive ls Table Help All changes saved in Drive 
Insert table Le + | co Ari Insert table > M 
2x2 


图 3-25: 谷 歌 Drive (云端 硬盘 ) 的 插入 表格 微 交 互 提 供 了 悬 停 时 扩展 的 窗口 ， 
用 户 可 以 在 其 中 直观 地 选择 表格 大 小 ( 蒙 Kjetil Holmefjord 和 “Little Big 
Details” 惠 允 使 用 ) 


对 于 需要 不 断 重 复 的 微 交 互 ， 一 般 应 该 让 它 易 辩 识 ， 除 非 是 那 种 可 以 
迅速 完成 且 不 可 能 出 错 的 动作 〈 比 如 按 下 电话 上 的 静音 按钮 马上 可 以 
静音 ， 而 如 果 给 按钮 加 入 调 小 音量 功能 ， 那 后 果 您 怕 是 灾难 性 的 )。 
对 于 只 要 做 一 次 或 者 偶尔 才 需 要 做 的 微 交 互 ， 应 该 让 它 易 操作 ， 把 所 
有 选项 都 显示 出 来 ， 让 人 一 目 了 然 ， 不 要 求 用 户 有 什么 先行 的 经 验 。 


文本 字段 应 该 接受 填 入 其 中 的 任何 内 容 ， 并 假设 这 些 内 容 可 能 3 
自任 何 地 方 ， 特 别 是 用 户 内 存 中 的 剪贴 板 。 比 如 ， 表 单 中 的 电话 
号 码 字 段 应 该 支持 用 户 输入 下 列 任何 形式 的 内 容 : (415) 555-1212、 
4155551212、415-555-1212。 文 本 字段 特别 需要 系统 设计 师 所 说 的 
“必要 的 多 样 性 ”(requisite variety) ， 即 适用 各 种 条 件 的 能 力 。 这 意 
味 着 通常 要 通过 代码 “修正 ”输入 ， 使 其 达到 代码 或 数据 库 的 要 求 
(图 3-26 是 一 个 反面 的 例子 ， 图 3-27 是 一 个 正面 的 例子 ) 。 
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图 3-26: Adobe Photoshop 的 拾 色 器 微 交 互 提 供 了 一 个 输入 十 六 进 制 颜色 值 
的 文本 框 。 不 过 ， 这 个 文本 框 不 够 聪明 ,不 会 去 掉 用 户 贴 到 里 面 的 # 符号 ( 蒙 
Jack Moffett 惠 允 使 用 ) 


Invite people to this project 


They'll get an email with a link to this project. 
People you invite will be able to add to the 
project and see everything in this project. 


Type names or email addresses: 


和 myemail@gmail.com 


图 3-27: 37signals 的 Basecamp 做 得 很 好 。 在 贴 进 一 个 类 似 Jane Smith< 
myemail@gmail.com> 这 样 的 电子 邮件 地 址 时 ， 它 会 自动 去 掉 多 余 的 字符 ， 
只 留 下 电子 邮件 地 址 ( 蒙 Harpal Singe 和 “Little Big Details” 惠 允 使 用 ) 


规则 | 79 


对 于 下 拉 菜 单 之 类 的 列表 中 的 各 项 顺序 ， 应 该 慎重 对 待 。 有 时候， 可 
以 按照 字母 顺序 或 最 后 使 用 等 既定 的 习惯 排序 。 但 有 时 候 ， 看 起 来 似 
平 不 合 逻 辑 的 排序 方式 或 许 更 有 意义 。 举 个 例子 ， 如 果 用 户 大 多 来 自 
美国 ， 那 么 让 他 们 向 下 裳 过 20 个 字母 ， 找 到 U 开头 的 这 个 国家 就 不 
合适 了 。 这 时 候 ， 应 该 把 美国 放 在 列表 开头 或 者 作为 默认 值 ， 尽 管 有 
点 违背 常理 。 


有 时 候 ， 多 提供 一 些 控制 手段 是 合理 的 ， 特 别 是 在 微 交 互 会 被 用 户 频 
繁 用 到 的 情况 下 。 比 如 ， 设 计 一 些 快 捷 方 式 。 在 桌面 软件 中 ， 人 惯例 都 
是 提供 快捷 键 ， 像 Command-Q 表示 退出 ， 而 在 触摸 屏 或 轨迹 球 设备 
中 ， 可 以 是 手势 (一般 是 多 点 触摸 的 手势 )。 前 提 是 不 要 让 快捷 方式 
干扰 了 流程 的 主要 操作 。 任 何 重要 的 操作 都 应 该 有 一 个 显眼 的 控件 ， 
让 用 户 手 动 可 以 操作 。 


3.2.2 预防 错误 

设计 规则 时 的 一 个 任务 就 是 预防 错误 〈 见 图 3-28 和 图 3-29)。 微 交互 
应 该 遵循 20 世纪 60 年 代 丰 田 汽 车 公司 传奇 工程 师 新 乡 重 夫 发 明 的 防 
呆 原 理 (Poka-Yoke Principle)。 防 呆 ( 防 错 ) 原理 是 说 ， 在 设计 产品 
和 流程 时 ， 就 要 考虑 根本 不 让 用 户 出 错 。 比 如 苹果 的 Lightning 插头 ， 
正 反 都 可 以 插入 iPhone 或 iPad 上 的 接口 ， 而 之 前 的 30 针 插 头 (以 及 
所 有 USB 插头 ) 则 需要 先 找到 方向 才能 插 进去 。 


are no files attached. Send anyway? 


Cra) GE 


The page at https:/ /mail.google.com says: 
Did you mean to attach files? 
You wrote "lI'Vve attached" in your message, but there 


图 3-28: Gmail 在 你 发 送 邮件 之 前 会 提示 你 是 否 忘 了 添加 附件 〈 蒙 “Little 
Big Details” 惠 人 允 使 用 ) 
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图 3-29: 在 Make Me a Cocktail 中 ， 如 果 不 输入 任何 搜索 关键 词 就 点 搜索 
按钮 ， 它 不 会 显示 错误 消息 或 者 不 做 反应 ， 而 是 会 随机 显示 一 种 鸡尾酒 ( 蒙 
Nick Wilkins 和 “Little Big Details” 惠 允 使 用 ) 


类 似 地 ， 设 计 微 交互 时 也 应 该 不 允许 用 户 犯错 ( 见 图 3-30)。 或 许 这 
意味 着 减少 用 户 的 控制 和 输入 ， 但 减少 微 交 互 中 用 户 的 选择 通常 都 是 
正确 的 。 


9:57 AM @ 了 9 


Photos 


Camera Upload (6 left) > 
Paused, low battery 


8 


图 3-30: iOS 版 Dropbox 会 在 电量 低 的 情 咒 下 暂停 上 传 ( 蒙 “Little Big 
Details” 惠 允 使 用 ) 

理想 情况 下 ， 你 的 微 交 互 应 该 在 用 户 设 做 错 任何 事 (因为 不 应 该 有 用 
3 会 做 错 的 事 ) 的 情况 下 ， 一 条 错误 消息 都 不 出 现 ， 而 只 在 系统 本 身 
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不 能 正确 响应 的 情况 下 才 会 出 现 错误 消息 。 弹 出 错误 警告 是 懒 人 的 做 
法 。 如 果 确 实 发 生 了 错误 ， 那 微 交 互 应 该 首先 想 办 法 确定 怎样 解决 问 
题 ( 见 图 3-31) 。 


Distance: Sor 


国 from Plainview 医 


图 3-31:Meetup.com 会 在 没有 搜索 结果 的 情况 下 调整 搜索 条 件 ( 蒙 Michael J. 
Morgan 和 “Little Big Details” 惠 允 使 用 ) 

同样 地 ， 根 据 这 个 原理 也 可 以 防止 用 户 以 不 适当 的 方式 使 用 微 交 互 
( 见 图 3-32 和 图 3-33)。 比 如 ， 你 可 以 禁止 在 评论 中 发 表 污 言 秽语 。 


EA| Translate ‘kittens’ Bi Measure pominartty oF 十 Find books about 


into 57 languages kittens onthe web kittens 


图 kocieta- (Polish) 


团 gath fach - Walsh) FS 本 MN 和 Kitens 
NE a = 
园 yavn kedi- (Turkish) 代 pe 


和 40 
|i| GotoTranslate | Three Litle Kittens 
| F 9 


with Translate n Trends with Books 
园 kitens - Dutcn) te Kitens 
«kittons 86 | Last 12 months C # 


-aa 一 。 i 。 WE 7 


图 3-32: What do you love? 不 让 你 输入 污 言 秽语 ， 它 会 把 不 雅 的 内 容 转换 
成 “kittens” 并 显示 相应 结果 ( 蒙 Zachary Reese 惠 允 使 用 ) 


sindresorhus 
JavaScript / Python hacker. INTP. Passionate about creating stuf, 
Open Source, Open Standards, jQuery Ul, UX. GitHub projects: 
https://github.com/sindresorhus 

Norway - http://sindresorhus.com 


图 3-33: Twitter 不 允许 你 重复 发 表 相同 的 推 文 ， 主 要 是 为 了 保证 系统 不 被 小 
用 。 虽 然 可 能 会 多 占用 些 系统 资源 ， 但 最 好 还 是 在 用 户 按 “ 发 推 ” 之 前 检查 
内 容 是 否 重 复 ( 蒙 Sindre Sorhus 和 “Little Big Details” 惠 人 允 使 用 ) 


3.3 微 文案 


微 文案 ， 即 标签 、 说 明 及 其 他 文本 片段 ， 是 理解 规则 必 不 可 少 的 一 部 
分 。 微 文案 属于 那 种 固定 不 动 的 反馈 或 前 馈 。 一 个 微 文案 本 身 就 可 能 
是 一 个 完整 的 微 交互 ， 比 如 Facebook 的 “Like” 按 钮 ， 就 完全 构建 于 
蓝 色 的 Like 文本 之 上 。 


系统 触发 器 可 能 会 导致 一 个 非常 重要 的 微 文案 出 现 ， 而 此 时 这 个 微 文 
案 的 意义 重大 。 比 如 ， 在 一 家 商店 的 “联系 我 们 ”的 告示 上 ,“ 抱 妆 ， 
我 们 已 经 打 婵 了 ”旁边 可 以 显示 工作 时 间 之 外 的 联系 电话 。 这 个 电话 
号 码 就 是 一 个 完整 的 微 交 互 。 


几乎 所 有 微 交 互 都 应 该 首先 保证 自己 提供 的 文本 是 必要 的 ， 但 说 明 性 
的 文案 则 不 一 定 。 一 般 来 说 ， 用 不 着 在 登录 表单 上 方 来 一 句 “ 请 登 
录 "， 用 户 也 能 理解 自己 应 该 干什么 。 如 果 需 要 显示 文本 ， 一 定 要 尽 
可 能 简短 。 正 如 温 斯 顿 ' 丘吉尔 所 说 :“ 越 短 越 好 ， 大 白话 更 好 。” 


如 果 标 签 就 足够 了 ， 那 就 绝 不 要 使 用 说 明 性 文案 。 如 果 有 一 个 “下 一 
步 ” 或 “继续 ”按钮 ， 那 么 “ 按 “ 下 一 步 ” 继 续 ” 就 是 不 必要 的 。 如 
果 为 了 省 空间 必须 截 短 标签 (比如 相册 的 名 字 )， 那 么 应 该 提供 一 种 
手段 让 用 户 能 够 看 到 全 称 ， 比 如 莫 停 或 翻转 (桌面 /Web 应 用 )、 触 摸 / 
点 击 (移动 应 用 )。 有 了 时候 ， 特 别 是 在 物理 按钮 上 ， 由 于 空间 不 够 ， 
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制造 商 经 常会 只 印 出 一 个 词 的 几 个 字母 ， 看 起 来 就 像 自 编 汽车 号 牌 一 
样 难以 理解 。 这 样 不 好 ， 如 果 放 不 下 一 个 词 ， 不 如 放 个 图 标 。 


避免 使 用 可 能 误导 人 的 标签 。 比 如 ， 图 片 共享 服务 器 Flickr 用 于 导航 
的 两 个 链接 分 别 是 “一 前 一 张 ” 和 “后 一 张 一 "”。 可 是 点 “前 一 张 ” 
打开 的 却 是 后 来 才 发 的 新 图 片 ， 而 “后 一 张 ” 打 开 的 则 是 更 早 的 一 张 
老 图 片 ( 见 图 3-34) 。 


过 Border ”< 一 一 (一 一 一 吧 Reorder v Group - Height: 


NR - 
\@ Hedtsv Transichange transparency of the selected picture 


图 3-34: 微软 PowerPoint 功能 区 中 调整 透明 度 的 滑动 条 。 没 有 标签 说 明 
你 在 调 高 还 是 在 调 低 透 明度 ， 而 且 变 化 直到 释放 鼠标 后 才 会 发 生 ( 蒙 Jack 
Moffett 惠 允 使 用 ) 


放置 标签 的 最 佳 位 置 是 操作 地 点 上 方 ， 其 次 是 被 操作 的 对 象 之 上 或 
之 中 。 可 以 参考 Luke Wroblewski 的 两 篇 博文 “Top, Right, or Left- 
Aligned Form Labels” (http://www.lukew.com/ff/entry.asp?504) 和 
“Web Form Design: Labels Within Inputs” (http:// www.lukew.com/ff/ 
entry.asp?687)。 原 因 很 简单 ， 这 样 让 人 一 眼 就 能 同时 看 到 标签 和 对 
象 。 换 句 话 说 ， 有 眼睛 不 需要 在 两 个 对 象 间 移 动 ， 就 能 把 两 者 在 头脑 中 建 
立 起 联系 。’ 不 过 ， 传 统 做 法 是 把 标签 放 在 图 标 下 方 。 


把 标签 放 到 文本 字段 内 部 时 要 多 加 小 心 。 因 为 一 旦 消失 (必须 的 ， 因 
为 用 户 得 输入 内 容 )， 用 户 可 能 会 就 忘记 这 个 字段 是 干什么 用 的 ， 而 
且 除 了 单 击 文本 字段 外 部 ， 没 有 别 的 办 法 再 看 到 标签 内 容 。 更 好 的 
做 法 是 把 标签 放 在 字段 上 方 (“ 玩 具 搜 索 ”) 或 放 在 按钮 上 〈 搜索 玩 
具 ”)， 同 时 再 在 字段 中 放 一 个 示例 文本 (如 “ 棋 类 游戏 、 乐 高 玩具 或 
玩具 娃娃 ”)。 


注 5: 要 了 解 更 多 关 广 眼睛 注视 的 信息 ， 请 参考 J. Edward Russo,“Eye Fixations Can Save 
the World: A Critical Evaluation”( 目光 停留 能 拯救 世界 : 一 次 重要 评估 ) 和 “A 
Comparison Between Eye Fixations and Other Information Processing Methodologies” 
(目光 停留 与 其 他 信息 处 理 方法 的 比较 )， 发 表 于 4dvances in Consumer Research 
Volume 05. 561-570 (1978) 。 
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确保 每 个 说 明 性 文案 与 控件 严格 匹配 。 比 如 ， 不 要 文案 中 说 “把 商品 
添加 到 购物 车 ”， 而 按钮 上 写 的 却 是 “购买 而 不 添加 商品 ”。 


可 能 的 情况 下 ， 要 给 出 说 明 关系 的 文本 ， 而 不 要 只 给 出 日 期 和 时 间 。 
“3 个 小 时 以 前 ” 比 单纯 一 个 时 间 惟 更 容易 理解 ， 因 为 后 者 会 强迫 用 户 
心算 过 了 多 长 时 间 。( 当 然 ， 有 了 时候 确切 的 日 斯 和 时 间 是 必需 的 ， 也 
不 容 含 糊 ， 见 图 3-35。) 


Dear Budge, 


The latest that | wake up is 8am * so please dont 


send me any text messages before then. 
The earliest | go to bed is 10pm * so please don't send 
me any text messages after that. 
Otherwise, | get grumpy. 
Glad | got that out of the way. 
The other things is | sorta hate + getting email, | 
LOVE + getting text messages, | am okay wil + 


getting direct messages on Twitter, | am okay wil + public 
replies on Twitter and | getting phone calls. 


Got it? 


Your friend, 


paula 


图 3-35: Budge 的 待 办 事项 提醒 设置 屏幕 用 清晰 的 文本 和 选项 ， 把 本 来 枯燥 
的 填 表 过 程 变 得 很 有 意思 ( 蒙 Paula Te 和 “Little Big Details” 惠 允 使 用 ) 


除非 你 有 意 搅局 或 误导 用 户 ， 否 则 不 要 使 用 双重 (或 多 重 ) 否定 ! 这 
样 的 话 让 人 摸 不 着 头脑 :“ 如 果 你 不 想 退 订 我 们 的 邮件 简报 ， 就 不 要 
取消 选中 这 个 框 。 
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3.4 算法 

1832 年 ， 一 个 自学 成 才 的 鞋匠 的 儿子 宣称 :“ 人 类 大 脑 能 够 毫 不 费力 
地 积累 知识 …… 人 的 大 脑 依 靠 某 种 机 制 运作 。 那 一 年 ， 他 17 岁 。20 
年 后 ， 这 个 已 然 成 为 大 学 教授 的 人 出 版 了 一 本 名 著 : An Investigation 
of the Laws of Thought, On Which Are Founded the Mathematical 
Theories of Logic and Probability (人 《思维 规律 的 研究 》) 。( 与 很 多 名 车 
一 样 ， 这 本 书 刚 出 版 时 也 受到 了 批评 、 忽 视 ， 人 们 对 它 也 不 属 一 顾 。) 
这 位 教授 叫 乔 治 ' 布尔 ， 是 我 们 熟知 的 布尔 逻辑 之 父 。 


布尔 发 明了 逻辑 代数 ， 它 包括 三 个 基本 的 逻辑 运算 : 与 、 或 、 非 。 这 
儿 个 运算 构成 了 生成 算法 的 基础 。 而 算法 ， 用 Christopher Steiner 在 
他 的 Automate This: How Algorithms Came to Rule Our World (《 自 动 
化 : 算法 如 何 统 治 我 们 的 世界 》) 中 的 话说 ， 就 是 : 


大 型 决策 树 由 一 个 接 一 个 的 二 元 决策 构成 。 开 车 、 买 卖 股 
票 、 找 对 象 ， 以 及 我 们 所 做 的 一 切 ， 几 乎 都 可 以 分 解 成 一 连 
串 的 基于 二 元 输入 的 二 元 决策 。 


本 质 上 ， 算 法 就 是 表面 上 能 够 执行 并 得 到 理想 结果 的 一 组 指 

令 。 算 法 的 一 六 是 输入 ， 另 一 说 是 输出 。 
从 最 根本 上 说 ， 规 则 其 实 就 是 算法 。 而 有 些微 交互 确实 依赖 算法 运 
行 ， 比 如 搜索 。 搜 索 框 自动 填 入 的 内 容 就 是 由 算法 生成 的 ， 更 不 用 
说 搜索 结果 的 排序 了 〈 见 图 3-36)。 商 品 推荐 、 驾 车 路 线 ， 以 及 大 
多 数 邮 件 和 读物 都 是 通过 算法 生成 的 。 某 些 品牌 的 元 素 ， 比 如 耐克 
FuelBand 的 NikeFuel 点 ， 也 是 基于 算法 的 ， 就 像 FiftyThree 著名 的 
iPad 应 用 Paper 中 的 定义 颜色 一 样 。” 


注 6: 参见 Chris Dannen 2012 年 11 月 8 日 发 表 在 Fost Company 杂志 中 的 文章 “The 
Magical Tech Behind Paper For iPad’s Color-Mixing Perfection” (iPad 版 Paper 中 “ 完 
美 混合 颜色 ”背后 的 技术 )。 
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过 去 ， 这 些 算 法 都 由 工程 师 设 计 的 ， 但 随 着 越 来 越 多 的 产品 依赖 算 
法 ， 设 计 师 的 介入 就 是 不 可 避免 的 了 。 和 毕竟 ， 再 笨 亮 的 搜索 微 交 互 如 
果 搜 索 不 到 有 价值 的 结果 ， 还 是 没 用 的 。 


278,702,616 um 


一 一 一 一 一 一 -一 一 一 一 一 

1,259,969 lkes, 43,865 disikes 

留 Artist: Gotye 

0> Playing at Seattle Center, 
Seattle on Sep 1, 2012 


1] Buy “Somebody That! 
Used to Know (feat 
Kimbray’ on: Tunes 
AmazonMP3, eMusic 


图 3-36: 如 果 你 在 YouTube 上 观看 音乐 视频 片 ， 它 会 通过 算法 匹配 你 的 位 
置 和 艺术 家 的 巡演 日 程 ( 蒙 Nanakoe 和 “Little Big Details” 惠 允 使 用 ) 
虽然 没有 办 法 在 这 里 展示 算法 背后 的 代码 〈 因 为 太 复杂 了 )， 但 展示 
算法 的 定义 却 没 有 问题 。 任 何 算法 都 由 以 下 四 部 分 构成 。 


。 顺序 
各 个 步骤 的 先后 顺序 如 何 ?” 哪个 步骤 在 先 ， 哪 个 步骤 在 后 ”有 没有 
条 件 ， 有 没有 基于 特定 条 件 触发 的 运作 ? 对 于 耐克 FuelBand 这 样 
的 设备 ， 顺 序 的 体现 大 概 是 : 每 两 步 (根据 硬件 加 速 计 的 计量 结 
果 ) 就 加 1 个 NikeFuel。 


。 决定 
通常 都 是 “如 果 ……: 就 …… ”形式 的 句子 。 比 如 ， 如 果 时 间 是 
00:00， 就 重 置 。 


。 重复 
算法 怎么 循环 ?循环 的 可 以 是 整个 算法 ， 也 可 以 是 部 分 步骤 。 例 
如 ， 当 用 户 在 搜索 字段 中 输入 时 ， 每 输入 一 个 新 字符 就 更 新 一 次 搜 
索 结 果 。 
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器 is 


变 

变量 是 数据 的 容器 ， 是 算法 巨大 威力 的 来 源 。 有 了 变量 ， 就 可 以 不 
用 重 写 算法 而 调整 计算 过 程 。 搜 索 结 果 数 可 以 是 变量 ， 经 过 的 步骤 
数 也 可 以 是 变量 。 变 量 可 以 数值 、 字 符 或 逻辑 值 ( 真 / 假 )。 


可 以 通过 一 个 例子 来 理解 算法 的 这 几 个 部 分 。 比 如 ， 有 一 个 显示 推荐 
音乐 的 微 交 互 ， 那 么 顺序 就 是 你 想 显 示 什么 类 型 的 音乐 ， 以 什么 顺序 
显示 。 这 些 音乐 都 属于 一 个 流派 吗 ? 新 歌 显示 得 更 靠 前 吗 ? 而 要 做 出 
的 决定 可 能 包括 : 用 户 以 前 听 过 这 个 艺术 家 的 歌 吗 ? 如 果 听 过 ， 就 不 
推荐 了 。 在 推荐 音乐 的 列表 被 填 满 之 前 ， 算 法 可 能 需要 不 断 御 环 。 而 
变量 呢 ， 可 以 是 流派 、 艺 术 家 、 专 辑 、 听 过 、 类 似 、 节 奏 ， 等 等 所 有 
可 以 用 来 标识 音乐 的 特征 。 变 量 还 可 以 是 新 旧 音 乐 的 比例 、 要 显示 的 
推荐 音乐 总 数 。 


让 用 户 知道 算法 中 操作 的 是 什么 数据 或 变量 有 时 候 也 很 有 用 ， 这 样 他 
们 就 可 以 在 可 能 的 情况 下 手动 调整 这 些 数据 或 变量 。 比 如 ， 知 道 了 
耐克 FuelBand 的 加 分 规则 ， 用 户 就 可 以 适当 增加 活动 量 。 但 现在 呢 ， 
这 个 加 分 办 法 还 是 显得 有 点 神秘 。 当 然 ， 有些 算法 (比如 谷歌 的 搜索 
算法 ) 是 极其 复杂 的 ， 解 释 起 来 不 易 ， 特 别 是 通过 微 文 案 解 释 ， 根 本 
不 太 可 能 。 


从 设计 微 交 互 的 角度 来 说 ， 最 重要 的 一 点 在 于 知道 用 户 想 干什么 ， 哪 
些 数据 或 内 容 会 最 有 用 ， 然 后 把 这 些 对 人 有 益 的 价值 融入 到 算法 设计 
中 。 设 计算 法 时 只 考虑 效率 而 忽视 价值 的 情况 太 常 见 了 。 

最 后 ， 规 则 的 问题 还 是 在 于 它们 不 可 见 。 用 户 要 理解 它们 只 能 等 到 出 


现 某 种 恶劣 状况 时 ， 比 如 苹果 修改 了 “另存 为 "， 或 看 到 了 系统 的 出 
错 反馈 。 而 反馈 正 是 第 4 章 将 要 介绍 的 主题 。 


3.5 小结 


规则 是 微 交 互 模型 的 非 技 术 层 面 ， 规定 了 什么 可 以 做 ,什么 不 可 以 
做 ， 以 什么 顺序 做 。 
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规则 必须 反映 约束 。 业 务 、 上 下 文 和 技术 约束 都 要 仔细 其 酌 。 


不 要 从 零 开 始 。 以 你 对 用 户 、 平 台 或 环境 的 了 解 为 基础 ， 然 后 致力 于 
改进 微 交 互 。 


去 除 复杂 性 ， 把 控件 数量 减 至 最 少 。 

减少 选项 并 给 出 聪明 的 默认 项 。 选 项 越 多 ， 规 则 越 多 。 

为 每 个 对 象 定义 状态 。 这 些 东西 随 着 时 间或 根据 交互 情境 怎么 变化 ? 
宁肯 多 花 时 间 提 高 辨识 度 。 以 少 搏 多 。 

使 用 规则 预防 错误 。 让 用 户 不 可 能 犯错 。 

让 文案 尽量 简短 。 标 签 够 用 时 ， 不 要 使 用 说 明 性 文本 。 

协助 定义 算法 。 在 决定 后 的 代码 中 体现 人 类 的 价值 。 
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一 个 56 岁 的 家 伙 举 起 拳头 狠 儿 地 砸 向 玻璃 玻璃 碎 了 一 地 ， 机 器 的 
线路 全 都 暴露 出 来 。 “是 ， 机 器 是 我 砸 的， 我 还 会 再 砸 。” 他 跟 保 安 
人 员 如 是 说 。( 这 个 人 后 来 被 判 了 90 天 监禁 。) 另外 一 位 ，59 岁 的 
Douglas Batiste 同样 因为 袭击 机 器 一 一 对 着 机 器 撒尿 而 被 拘留 。 一 位 
妇女 因为 使 劲 拍 了 三 下 机 器 ， 造 成 1800 美元 损失 。 ' 而 67 岁 的 Albert 


注 1: 《纽约 时 报 》2012 年 7 月 13 日 “Failing to Hit Jackpot, and Hitting Machine Instead”( 没 
中 头 奖 ， 磺 了 机 器 ) (Sarah Maslin Nir) 。 
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Lee Clark 由 于 其 抱怨 未 得 到 工作 人 员 的 满意 处 理 ， 跑 到 自己 车 里 擒 出 
一 把 枪 ， 然 后 跑 进去 对 着 机 器 连 开 数 枪 。” 


什么 机 器 让 人 情绪 这 么 激动 ? 那 就 是 老虎 机 。 


赌博 的 人 每 花 10 美元 ， 吸 走 7 美元 。 积 少 成 多 ， ee 
到 数 百 亿 ， 远 远 超 过 电影 、 电 子 游戏 ， 其 至 色情 等 其 他 娱乐 行业 。 

作为 一 个 微 交 百 设 备 ， 老 虎 机 之 所 以 那么 擅长 从 信 们 口袋 里 掏 钱 ， 关 
键 在 于 它 提 供 的 反馈 。 大 多 数 (应 该 说 全 部 ) 反馈 都 暗藏 玄机 ， 目 的 
只 有 一 个 ， 就 是 让 人 欲罢不能 


什么 ， 你 从 来 没 玩 过 ， 甚 至 都 没 见 过 老虎 机 ? 好 吧 ， 老 虎 机 的 规则 如 
下 : 把 硬币 、 美 元 ， 或 者 带 条 形 码 的 游戏 卡 (适合 新 式 机 器 ) 投 进 机 
a sa tn 下 控制 杆 (触发 器 )， 然 后 三 

个 (有 了 时 候 是 更 多 个 ) 看 起 来 毫 无 关系 的 “ 转 轮 ” 开 始 转动 ， 儿 秒 钟 
2 转 轮 分 别 停止 转动 ， 如 果 三 个 转 轮 对 齐 后 符合 某 种 模式 (比如 
三 个 转 轮 上 的 符号 一 样 )， 你 就 中 奖 了 ， 老 虎 机 就 会 “ 吐 ” 出 钱 来 。 
一 个 全 身 投入 的 玩家 一 小 时 可 以 玩 儿 百 次 ! 


事实 上 上， 老虎机 的 规则 是 不 公平 的 。 从 统计 结果 看 ， 它 的 回报 率 7 

远 不 会 超过 90%， 因 此 转 轮 永远 不 会 “随机 ”转动 ， 当 然 ， > 
人 的 感觉 肯定 是 随机 的 。 假 如 转 轮 真是 随机 转动 ， 那 回报 率 将 达到 
185%~297% ， 这 显然 不 是 赌场 老板 想 看 到 的 。 转 轮 的 输出 结果 是 “加 
权 随机 ”的 。 换 句 话 说 ， 空 白 和 低 赔 付 率 的 符号 比 大 奖 符号 出 现 得 更 
频繁 。 如 果真 是 随机 的 (而 不 是 看 起 来 如 何 )， 那 么 大 奖 符号 出 现 的 
机 会 要 多 很 多 。 但 是 ， 老 虎 机 给 人 的 反馈 让 玩家 对 什么 是 加 权 一 无 所 
知 ， 而 且 就 算是 紧 挨 着 的 两 台 机 器 面临 同样 的 情况 时 ， 它 们 加 权 方 法 
其 至 都 不 一 样 。 由 于 现代 的 老虎 机 都 是 联网 的 ， 因 此 加 权 方 法 其 至 可 


注 2: 美 联 社 2012 年 2 月 13 日 “Man charged with shooting slot machine”( 一 男子 冲动 之 
下 对 老虎 机 开 枪 )。 

注 3:《 纽 约 时 报 》2004 年 5 月 9 日 “The Tug of the Newfangled Slot Machines”( 新 式 
老虎 机 的 明争暗斗 ) (Gary Rivlin)。 


92 | 第 4 章 


以 远程 、 动 态 控制 。” 
人 


不 管 怎么 启动 转 轮 (比如 ， 使 大 劲 儿 拉 控 制 杆 )， 玩 家 都 影响 或 改变 
不 了 结果 。 有 的 老虎 机 还 有 一 个 停止 按钮 ， 用 于 手动 停止 旋转 的 转 
轮 。 这 个 按钮 也 不 会 影响 结果 ， 只 是 提供 了 一 个 控制 的 假象 而 已 。” 


给 转 轮 分 配 不 同 的 权重 ， 防 止 玩家 赢 之 外 ， 老 虎 机 还 会 刺激 玩 
家 产生 赌博 研究 专家 Kevin Harrigan 所 谓 的 “ 啊 ， 吓 ”效应 ， 方 法 就 
是 时 不 时 就 停 在 “ 差 一 点 就 赢 了 ”或 者 下 一 次 就 行 了 的 地 方 〈 见 图 
4-1)。 比 如 ， 前 两 个 转 轮 停 下 后 显示 的 符号 一 样 ， 但 第 三 个 转 轮 显示 
空白 。 这 种 “ 差 一 点 就 赢 了 ”出 现 的 次 数 比 单纯 靠 机 率 出 现 的 次 数 多 
12 倍 。 研 究 表明 ,“ 差 一 点 就 赢 了 ”的 暗示 会 激活 人 脑 中 与 “ 赢 下 来 ” 
相关 的 部 分 ， 导 致 人 即使 赢 不 到 钱 ， 也 会 继续 赌博 下 去 。 
就 算 有 玩家 赢 了 钱 ， 那 也 是 小 钱 儿 。 然 而 ， 这 时 候 的 反馈 却 格 外 夸 
张 一 一 灯光 四 射 ， 声 响 雷 动 ， 让 玩家 感觉 自己 好 像 赢 了 个 大 的 似 的 。 
在 《纽约 时 报 》 对 老虎 机 设计 者 Joe Kaminkow 的 介绍 中 ， 有 一 段 是 
这 么 说 的 : 


Kaminkow 来 之 前 ， (老虎 机 制造 商 ) pe 的 博彩 程序 也 配 有 
音效 (勉强 能 说 有 吧 ) ， 但 却 没有 充分 利用 那 种 有 冲击 力 和 
爆破 感 的 音乐 ， 即 所 谓 的 “智能 音效 ”。Kaminkow 决 定 给 每 
一 个 操作 、 每 一 次 转 轮 转动 、 每 一 个 结 ee 
音效 。 (1999 年 ) Kaminkow 刚 到 I.G.T. 时 ， 一 般 的 老虎 机 大 
都 只 有 15 种 “声音 事件 ”， 而 现在 平均 每 台 机 器 拥有 的 音效 
数量 接近 400 种 。 而 且 ， Ss 音乐 的 速度 越 
快 ， 声音 通常 也 越 大 。 


注 4:《 纽 约 时 报 》2006 年 4 月 12 日 “From the Back Office, a Casino Can Change the Slot 
Machine in Seconds” (暗箱 操作 赌场 几 秒 钟 内 可 以 更 改 老虎 机 ) (Matt Richtel) 。 

注 5: 据 Kevin Harrigan 的 “The Design of Slot Machine Games”( 老 虎 机 游戏 设计 ，2009)。 

注 6: Luke Clark、Andrew J. Lawrence、Frances Astley-Jones、Nicola Gray: “Gambling 


near-misses enhance motivation to gamble and recruit brain-related circuitry” (失之交臂 的 上 暗 
示 刺 激 赌 冶 , 激 活 大 脑 相 关 电 路 )Neuron 杂志 ,61 卷 ,第 3 期 ,481-490 页 (2009 年 2 月 )。 

注 7:《 纽 约 时 报 》: “The Tug of the Newfangled Slot Machines”( 新 式 老 虎 机 的 明争暗斗 ) 
(Gary Rivlin ) 。 


图 4-1; 你 看 ,“ 差 一 点 就 赢 了 ”( 蒙 Marco Verch 惠 允 使 用 ) 


老虎 机 微 交互 那么 让 人 上 瘤 的 秘密 何在 ?就 在 于 它 持 续 不 断 地 反馈 ， 
寺 续 不 断 地 刺激 人 的 行为 。 老 虎 机 玩家 于 是 就 不 断 重复 相同 的 行为 ， 
不 赢 钱 拆 不 罢休 。 就 玩 老 虎 机 而 言 ， 如 果 花 多 少 钱 是 可 以 预测 的 ( 比 
如 ， 再 玩 一 次 肯定 赢 )， 那 玩家 很 快 就 会 感觉 无 聊 和 厌烦 。 让 人 和 欲 罢 
不 能 的 ， 正 是 这 种 投入 的 不 可 预测 性 ， 加 上 概率 极 低 的 中 大 奖 的 诱 
惑 。 一 般 来 说 ， 我 们 不 希望 在 自己 的 微 交 互 中 采用 这 种 强化 行为 的 做 
法 ， 而 只 想 (通过 反馈 ) 提供 一 种 一 致 的 对 我 们 期 望 行为 的 正 向 激 
励 。 可 预测 性 是 我 们 期 望 的 。 


老虎 机 给 我 们 局 示 在 于 它 的 反馈 极其 有 有效， 而且 反馈 决定 了 微 交 互 的 
成 败 。 视 觉 和 听觉 刺激 组 合 起 来 ， 让 原本 简单 、 机 械 的 重复 动作 一 一 
一 次 又 一 次 地 拉 控 制 杆 ， 变 成 了 一 种 让 人 充满 期 待 又 兴奋 不 已 的 行 
为 。 显 然 ， 赌 徒 沉迷 于 老虎 机 是 想 赢 钱 ， 而 你 肯定 不 想 让 每 个 微 交 互 
都 变 成 内 光 喧 闹 的 老虎 机 。 但 这 并 不 影响 我 们 的 结论 反馈 决定 了 微 
交互 的 特质 与 个 性 。 
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4.1 反馈 曾 释 规则 


与 设计 时 有 意 隐 瞒 规则 的 老虎 机 不 同 ， 我 们 微 交 互 中 反馈 的 目的 ， 是 
帮助 用 户 理解 微 交 互 的 规则 。 如 果 用 户 按 下 一 个 按钮 ， 至 少 会 有 两 件 
事 发 生 : 按钮 被 按 下 了 以 及 按钮 被 按 下 后 导致 什么 结果 ( 见 图 4-2)。 
老虎 机 只 会 告诉 你 前 一 半 (控制 杆 被 拉 下 来 了 ) ， 而 不 会 告诉 你 后 一 
半 (后 台 到 底 发 生 了 什么 )。 因 为 用 户 一 旦 知道 后 一 半 ， 就 不 想 玩 了 ， 
至 少 不 会 再 玩 那 么 多 次 了。 不过， 由 于 不 用 通过 反馈 告诉 用 户 微 交 互 
的 实际 运作 机 制 (真正 的 规则 )， 因 此 其 反馈 只 要 能 让 用 户 感觉 微 交 
互 在 正常 运转 就 足够 了 。 芳 虑 到 对 触发 器 的 情境 支持 ， 反 馈 还 应 该 告 
诉 用 户 能 对 微 交互 做 什么 、 不 能 做 什么 。 


代 create se Select @ create We Select 


CD 


图 4-2: 在 照片 批量 上 传 应 用 Batch 中 ， 如 果 打 开 内 光 灯 ， 快 门 按钮 上 的 相机 
图 标 会 显示 一 个 白色 的 内 光 灯 指示 标志 〈 蒙 “Little Big Details” 惠 允 使 用 ) 


请 大 家 记 住 : 有 时 候 ， 不 让 用 户 知道 规则 的 细 布 同样 有 合理 的 非 欺 骗 
性 的 原因 。 每 次 触发 传感器 或 每 次 联网 获取 数据 没有 必要 都 让 用 户 知 
道 ， 而 只 要 向 他 们 反馈 一 些 重要 的 变化 即 可 。 比 如 ， 用 户 没 有 必要 经 


常 收 到 没有 新 邮件 的 提醒 ， 只 要 在 收 到 新 邮件 时 提醒 一 次 就 好 了 。 微 
交互 反馈 的 第 一 条 原则 是 : 别 让 反馈 给 用 户 造 成 压力 。 怎 么 判断 呢 ? 
可 以 问 自己 : 怎么 通过 最 少 的 反馈 传达 同样 的 信息 〈 见 图 4-3) ? 


How would you describe our users: 


How would you describe our users: 


How would you describe our users: 


How would you describe our users: 


图 4-3: Google Docs 会 在 用 户 以 斜体 输入 文字 时 把 光标 也 变 成 倾斜 的 ， 微 
软 的 Word 也 一 样 ( 蒙 Gregg Bernstein 和 “Little Big Details” 惠 人 允 使 用 ) 


反馈 应 该 由 需求 驱动 : 用 户 需 要 知道 什么 ， 什 么 时 候 知 道 (多 长 时 间 
一 次 ) ? 至 于 反馈 的 形式 ， 则 取决 于 设计 师 的 想法 ， 视 觉 、 听 觉 、 触 
觉 或 它们 的 组 合 ( 见 图 4-4 和 图 4-5 ) 。 


Great savings in our January Bargains 


Your Account | Help 
69  \47 Basket Wish List 


Gift Services 


图 4-4: 亚马逊 在 购物 车 按钮 上 显示 商品 数量 ( 蒙 Matthew Solle 和 “Little 
Big Details” 惠 允 使 用 ) 


iTunes for Mac and Windows 
Please note that you have not been added to any email lists 
Copyright © 2012 iTunes S.arl Alrights reserved 


图 4-5: 有 了 时候， 告诉 用 户 什么 事 还 没有 发 生 也 很 重要 。 在 通过 邮件 推荐 一 款 
应 用 时 ， 苹 果 的 App Store 会 告诉 你 没 把 你 的 邮件 添加 到 任何 邮件 列表 ( 蒙 
“Little Big Details” 惠 允 使 用 ) 
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在 以 下 情况 下 ， 应 该 给 出 反馈 。 


。 手动 启动 触发 器 之 后 或 者 手动 调整 规则 之 后 /期 间 。 所 有 用 户 发 起 
的 运作 都 应 该 伴随 有 一 个 系统 的 确认 〈 见 图 4-6)。 按 下 按钮 时 必须 
表明 确实 有 事 发 生 。 


图 4-6: 图 像 处 理 软件 Pixelmator 的 滴 管 工具 会 显示 你 刚刚 选取 的 颜色 ( 蒙 
“Little Big Details” 惠 人 允 使 用 ) 


。 微 交互 (或 周边 功能 ) 的 状态 因为 系统 启动 触发 器 而 发 生 显著 变化 
时 。 显 著 程 度 因 使 用 环境 而 异 ， 必 须 由 设计 师 因 地 制 宜 地 决定 。 有 
些微 交互 需要 (应 该 ) 在 后 台 运 行 。 最 简单 的 例子 就 是 邮件 客户 端 
检查 新 邮件 。 不 一 定 每 次 检查 新 邮件 都 需要 通知 用 户 ， 但 检查 到 新 
邮件 时 一 定 要 通知 用 户 。 

。 用 户 突破 (或 超越 ) 了 规则 时 。 这 时 候 就 快要 发 生 错误 了 。 理 想 情 
况 下 ， 这 种 状态 不 应 该 出 现 ， 但 有 时 候 也 难以 避免 ， 比 如 用 户 输入 
了 错误 的 值 〈 比 如 密码 不 对 )， 或 者 已 经 滨 动 到 了 列表 底部 ， 再 没 
有 什么 可 以 显示 了 。 

。 系统 不 能 执行 命令 时 。 比 如 , 微 交 互 因 设备 未 连接 网 络 而 不 能 发 短信 。 
这 时 候 需 要 注意 的 是 ， 在 给 出 无 法 完成 任务 的 反馈 前 ， 应 该 先进 行 
多 次 尝试 ， 比 如 ， 尝 试 多 次 连接 网 络 。 认 识 到 这 一 点 ， 就 能 明白 为 
什么 要 等 到 多 次 尝试 后 才能 显示 错误 消息 。 

。 在 关键 过 程 特别 是 需要 花 较 长 时 间 的 操作 中 显示 进度 。 如 果 你 的 微 
交互 需要 上 传 或 下 载 ， 最 好 能 估算 出 完成 任务 的 时 间 〈 见 图 4-7)。 


ED OO © 


C DO 


图 4-7: FTP 文件 传输 工具 Transmit 4 在 一 个 进度 条 中 同时 显示 总 体 进度 和 
个 别 项 目的 进度 ( 蒙 Stefvan der Feen 和 “Little Big Details” 惠 允 使 用 ) 
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在 以 下 情况 下 ， 可 以 给 出 反馈 。 


。 过 程 的 开始 和 结束 时 。 比 如 ， 下 载 完 了 一 个 文件 。 
。 模式 的 开始 或 结束 时 ， 或 者 切换 了 模式 时 〈( 见 图 4-8)。 


Email Email Clients Email Marketing HTML Edit 


How do URLs in emails get broken? oe 


| often see "If clicking the link doesnt work, you can copy and paste it into 
¥our browser." | never have this problem, who does? Ed 


罗 Comment . 党 Repost .Wiki tions . Redirect Question 


Currently answering: Jordan Dossett 


图 4-8: 在 问答 网 站 Quora 中 ， 可 以 看 到 谁 回 答 了 你 想 知道 的 问题 ( 蒙 
Allison Ko 和 “Little Big Details” 惠 允 使 用 ) 


尽量 通过 反馈 消除 微 交互 的 神秘 感 。 没 有 有 反馈， 用 户 永远 也 理解 不 了 
规则 。 


4.1.1 以 人 为 本 
虽然 机 器 之 间 同 样 有 反馈 ， 但 我 们 最 关心 的 还 是 与 使 用 设备 的 人 进行 
沟通 。 对 微 交互 来 说 ， 需 要 给 用 户 提供 的 反馈 通常 有 : 


。 什么 事情 已 经 开始 了 ， 
。 用 户 刚刚 做 了 什么 事 ， 
。 哪些 过 程 已 经 开始 了 ， 
。 哪些 过 程 已 经 结束 了 ， 
。 哪些 过 程 正在 进行 

。 用 户 不 能 干什么 。 


知道 了 要 给 用 户 发 送 什么 消息 后 ， 唯 一 的 问题 就 是 如 何 传达 ， 如 图 4-9 
到 图 4-11 所 示 。 反 馈 的 方式 完全 取决 于 微 交 互 寄 身 于 什么 硬件 。 如 果 是 
手机 ， 有 视觉 、 听 觉 和 触觉 三 种 可 能 。 而 如 果 是 其 他 消费 电子 设备 ， 可 
能 就 只 有 视觉 反馈 形式 可 用 ， 比 如 LED 灯 。 


图 4-9: 人 脸 图 标 是 用 户 喜闻乐见 的 。Boxee 的 标志 会 在 设备 未 连接 互联 网 
的 情况 下 变 成 档 色 “睡觉 ”的 样子 ( 蒙 Emil Tullstedt 和 “Little Big Details” 
惠 允 使 用 ) 


Join Us! Join Us! 


Login f Login 于 


3items 
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了 0 items 
IE3 


~ 图 


图 4-10: Threadless 购物 车 上 的 人 脸 图 标 会 在 你 放 进 商品 时 由 皱眉 变 成 开心 
地 笑 起 来 ( 蒙 Ahmed Alley 和 “Little Big Details” 惠 人 允 使 用 ) 


二 Inbox 


You have no mail 


Please enjoy your day! 


图 4-11: iPhone 上 的 Gmail 应 用 是 一 个 反面 教材 一 一 连 不 应 该 开心 的 消息 
都 放 了 笑脸 图 标 ( 蒙 Steve Portigal 惠 允 使 用 ) 


以 洗 碗 机 为 例 ， 它 的 工作 过 程 大 致 如 下 ， 用 户 选择 一 项 设置 ， 打 开 开 
关 ， 开 始 洗 碗 ， 停 止 。 如 果 洗 碗 机 工作 期 间 机 门 被 打开 ， 它 会 报警 。 
想象 一 下 ， 如 果 洗 碗 机 上 有 一 块 屏幕 ， 上 述 每 项 操作 都 可 以 在 屏幕 上 
对 应 着 显示 一 条 消息 (比如 “正在 洗涤 ，20 分 钟 后 结束 ")。 如 果 没 有 
屏幕 ， 那 恐怕 就 只 能 通过 LED 灯 或 声音 来 传达 这 些 消息 了 。 比 如 ， 正 
在 工作 以 LED 灯 闪 烁 表示 ， 而 洗涤 完成 则 打开 蜂 鸣 器 。 

文字 性 ( 即 事先 写 好 的 ) 反馈 通常 并 不 推荐 使 用 (特别 是 在 没有 屏幕 
或 屏幕 不 够 大 的 情况 下 )。 在 舍弃 文字 形式 的 情况 下 ( 别 忘 了 世界 上 
有 相当 一 部 分 人 不 识字 ， 美 国 中 央 情 报 局 的 资料 显示 ， 大 约 7.93 亿 成 
年 人 是 文 宦 ) ， 必 须 诉 诸 其 他 传达 信息 的 手段 ， 比 如 声音 、 图 示 、 图 
片 、 灯 光 ， 甚 至 触觉 。 既 然 这 些 形式 都 不 是 文字 性 的 〈 即 使 是 文字 有 
时 候 也 会 含糊 不 清 或 模棱两可 )， 那 它们 就 可 以 向 所 有 人 传达 消息 、 
传达 任何 消息 。LED 灯 闪 烁 是 什么 意思 ? 图 标 变色 想 说 明 什么 ? 有些 
反馈 随 着 时 间 推移 就 能 让 人 明白 ;图标 亮 了 ， 我 一 点 它 ， 就 能 看 到 新 
短信 。 点 击 (或 跟随 ) 了 任何 可 能 被 误解 的 反馈 ， 都 不 应 该 给 人 “ 逢 
罚 "。 如 果 我 没 猜 到 LED 灯 闪 烁 表示 洗 碗 机 正在 工作 ， 打 开机 门 也 不 
应 该 溅 我 一 身 滚 痪 的 热 水 。 事 实 上 ， 神 经 学 研究 发 现 ， 错 误 能 提高 效 
率 。 人 类 的 知识 往往 是 在 结果 与 预期 不 相符 时 得 到 的 。 

反馈 的 第 二 条 原则 是 : 最 好 的 反馈 永远 不 会 高 深 英 测 。 它 始终 向 用 户 
传达 有 用 的 消息 ， 并 且 反馈 与 导致 反馈 的 动作 之 间 一 定 存在 某 种 深刻 
的 联系 。 按 下 按钮 启动 设备 ， 然 后 听 到 哪 嘟 声 ， 这 没什么 意义 。 因 为 
触发 器 〈 按 下 按钮 ) 或 导致 的 结果 (启动 设备 ) 与 哪 哪 声 没什么 关 
系 。 而 如 果 配 上 一 次 味 叶 声 ( 按 下 按钮 会 发 出 的 声音 ) 或 在 设备 启动 
的 同时 辅 以 某 种 视觉 /听觉 上 的 提示 (比如 某 个 音调 越 来 越 高 ) 就 会 
好 得 多 。 难 以 猜测 的 反馈 很 难 让 人 把 动作 和 结果 联系 起 来 ， 因 而 也 就 
很 难 让 用 户 理解 到 底 发 生 了 什么 。 最 好 的 微 交 互 都 能 做 到 触发 器 与 规 
则 以 及 反馈 紧密 结合 ， 让 人 感觉 它们 在 一 起 非常 “自然 而 然 ”。 


4.1.2 ” 少 即 是 多 
采用 的 反馈 方式 越 多 ， 反 馈 就 越 具有 侵入 性 。 动 画 加 音效 加 振动 ， 比 
单独 采用 任何 一 种 方式 都 更 能 吸引 人 的 注意 。 微 交互 反馈 的 第 三 条 原 
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则 是 : 用 最 少 的 反馈 传达 最 丰富 的 信息 。 先 确定 要 传达 什么 信息 (“下 
载 已 经 开始 了 ”)， 然 后 再 选择 能 传达 该 信息 的 最 少 反 馈 。 信 息 越 重要 ， 
反馈 方式 就 要 越 明显 (甚至 多 路 并 进 )， 如 图 4-12 所 示 。 


ACTIVITY 
) Listing Working Copy with Re... ( Stop ) 


园 咱 


图 4-12: 在 Cornerstone 中 , 旋转 轮 盘 的 段 数 等 于 后 台 正 在 处 理 的 过 程 数 ( 蒙 
usuf Miles 和 “Little Big Details” 惠 允 使 用 ) 


反馈 的 第 四 条 原则 是 : 使 用 被 人 忽视 的 东西 作为 传达 信息 的 手段 。 很 
多 微 交 互 会 包含 界面 中 的 某 个 司空 见 惯 的 部 分 ， 这 样 没 错 。UI 中 这 些 
被 忽视 的 部 分 一 一 滚动 条 、 光 标 、 进 度 条 、 提 示 条 /悬浮 层 等 ， 都 可 
以 用 于 反馈 信息 。 如 此 一 来 ， 不 用 在 屏幕 上 显示 新 东西 ， 照 样 能 传达 
出 比 平 时 更 多 的 信息 〈 见 图 4-13)。 比 如 ， 鼠 标 移动 到 一 个 被 禁用 的 
按钮 时 ， 光 标 可 以 改变 颜色 。 


eee 上 Little 


AIB|| + (mhttp://littlebigdetails.com/ 


sn LITTLE BIG DETAILS 2 


图 4-13: OS X Lion 的 光标 会 变化 , 告诉 你 不 能 朝 哪个 方向 调整 窗口 大 小 ( 蒙 
“Little Big Details” 惠 人 允 使 用 ) 


4.2 ”反馈 体现 个 性 
与 讲究 实用 的 触发 器 和 对 应 规则 的 控件 相 比 ， 反 馈 可 以 作为 一 种 体现 
微 交 互 乃 至 整个 产品 个 性 的 手段 。 通 过 反馈 ， 可 以 制造 一 点 紧张 或 幽 
默 的 气氛 ( 见 图 4-14 和 图 4-15 ) 。 


Open Dropbox Folder 
Launch Dropbox Website 

Recently Changed Files 人 
96.3% of 6.2GB used 


村 2085 files (0.1 KB/sec, a long time left. Grab a Snickers) 


Help 全 pb 
Get More Space 


Preferences... 
Quit 


图 4-14: 在 上 传 时 间 比 较 长 的 情况 下 ， 云 存储 服务 Dropbox 会 建议 你 吃 根 巧 
克 力 棒 ( 蒙 John Darke 和 “Little Big Details” 惠 允 使 用 ) 


BArchive Vv Archive 二- Archive 


Qcall Text BArchive 
Send a text message ~ lmessage 
Inbox (5) Te 
Starred 
te @ (9 @ 
pam (1) Enter numbers Ts 
Trash Message Really? 2.102 160 


Vestibylum i in neque 


| Contacts vel ut uma. Vivamys cursus nisi 
in nis| mauris, at 


ac Snim Y viverra aliguet fringilla 


vitae Praesent | 
History 
Voicemai © Send 
Text (1) 


图 4-15: 如 果 你 的 短信 太 长 ，Google Voice 不 再 计算 字数 ， 而 是 会 说 “你 当 
真 ? ”( 蒙 Zoli Honig 和 “Little Big Details” 惠 允 使 用 ) 


之 所 以 可 以 这 么 做 ， 正 如 前 面 所 说 ， 主 要 因为 反馈 是 给 人 看 的 。 用 户 
对 状况 做 出 反应 ， 而 我 们 要 对 用 户 给 出 反馈 ， 哪 怕 是 通过 机 器 。 为 产 
品 赋予 人 性 ， 赋 了 予 它们 所 不 有 具备 的 动机 和 特质 ， 早 已 不 是 新 鲜 事 了 。 
es 你 的 手机 也 不 会 跟 你 生气 。 利 用 人 类 
这 种 特点 ， 设计 师 应 该 有 意识 地 让 产品 具备 某 种 人 格 。 特 别 是 对 于 
和 交互 ， 这 种 短暂 又 人 性 化 的 时 刻 不 会 让 人 觉得 讨厌 或 无 聊 ， 而 更 可 
能 是 讨 人 喜欢 。 


比如 苹果 的 语音 应 用 Siri， 你 可 以 说 “她 ”就 是 个 实用 工具 。 没 错 ， 
“她 ”能 回答 的 大 多 数 问 题 都 很 实用 。 可 是 ， 对 于 一 些 意思 不 明 或 者 
“人 活着 有 什么 意义 ? ”之 类 没有 真正 答案 的 问题 ，Siri 的 回答 是 : 
“我 不 知道 ， 不 过 我 想 上 骨 定 有 个 应 用 能 帮 上 你 。” 换 名 话说 ， 原 本 可 能 
就 是 个 错误 消 息 (抱歉 ， 我 无 法 回答 这 个 问题 。) 现在 却 有 了 几 分 
幽默 感 和 亲切 感 。 的 确 ， 出 错 或 者 其 他 可 能 让 用 户 不 耐烦 的 时 刻 〈 比 
如 下 载 时 间 很 长 )， 都 非常 适合 用 个 性 化 的 反馈 销 解 用 户 的 情绪 〈 见 
图 4-16 ) 。 


We had a problem processing that request. Go to the IMDb homepage > Report this 


Error messages! Why'd it have to 


be error messages?! 


Jones, Raiders of the Lost Ark (1981) ® 


图 4-16: IMDb (Internet Movie Database， 互联 网 电影 数据 库 ) 网 站 的 500 
普 误 消 息 引 用 的 是 一 句 电影 台词 ( 蒙 Factor.us 和 “Little Big Details” 惠 多 
使 用 ) 


当然 ， 如 果 做 得 不 好 或 者 做 得 过 头 了 ， 有 个 性 的 反馈 也 会 令 人 讨厌 。 
你 应 该 不 希望 登录 微 交互 在 你 每 次 登录 时 都 提 点 意见 ， 也 不 希望 在 自 
己 忘 记 密码 时 会 受到 应 用 的 嘲讽 :“ 又 忘记 密码 啦 ? 真 误 ! ”你 追求 
的 应 该 只 是 表面 上 有 个 性 。 过 于 人 性 化 的 机 器 人 〈 所 谓 的 “人 蕊 怖 谷 理 
论 ”“) 可 能 会 让 人 有 面 对 行 尸 走 肉 的 感觉 ， 同 样 ， 过 于 人 性 化 的 微 交 
互 也 是 有 害 的 。 实 际 上 ,一 点 点 个 性 就 能 百 战 不 殖 ( 见 图 4-17)。 过 
度 人 性 化 不 仅 会 抬 高 人 的 期 望 值 〈 用 户 会 假定 微 交 互 异 乎 寻常 地 聪 
明 )， 而 且 还 可 能 给 人 留 下 不 着 调 、 诡 异 或 可 恶 的 坏 印 象 。 


注 8: 要 详细 了 解 臣 怖 谷 理论 ,请 参见 Popular Mechnanics 杂 志 2010 年 1 月 20 日 的 一 篇 文章 : 
“The Truth About Robotic's Uncanny Valley: Human-Like Robots and the Uncanny 
Valley”( 机 器 人 疏 怖 谷 的 真相 : 类 人 机 器 人 与 恐怖 谷 ) 。 


sailll T-Mobile NL 3G 23:23 A 32% BE 


mobile.twitter.com/sess C 〇 [Googe ) 


3 sign in 


Typing on your phone stinks, we know! Double-check 
your username and password and try again. 


Username oi joris 


Password .+... 


Don't have a Twitter account? Sign up now! 


图 4-17: 移动 版 Twitter 知道 在 手机 上 输入 是 件 麻烦 事 儿 ， 知 道 用 户 在 登录 
时 可 能 会 出 错 ( 蒙 Joris Bruijnzeels 和 “Little Big Details” 惠 人 允 使 用 ) 


说 到 人 息 怖 ， 还 要 提醒 大 家 一 句 : 如 果 你 想 随 着 时 间 推 移 ， 收 集 并 利用 
行为 数据 来 改进 (或 创建 ) 微 交 互 〈 同 时 毫 无 保留 地 告诉 用 户 你 在 收 
集 什么 数据 )， 明 目 张 胆 (提供 反馈 ) 是 最 容易 让 用 户 讨厌 并 觉得 受 
到 威胁 的 办 法 。 收 集 数据 实现 个 性 化 的 目的 是 让 用 户 高 兴 ， 因 此 最 好 
不 要 引起 用 户 的 反感 。 


人 中 一 一 人 
4.3 ”反馈 方 法 
人 类 能 够 通过 五 大 感官 来 接受 反馈 ,但 其 中 最 主要 的 还 是 接 下 来 要 介 
绍 的 三 种 方式 : 视觉 、 听 觉 和 触觉 。 
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4.3.1 视觉 方法 

必须 承认 一 个 现实 : 大 多 数 反 馈 是 视觉 反馈 。 道 理 很 简单 ， 因 为 我 们 
都 是 看 着 操作 ， 所 以 给 出 视觉 反馈 是 最 直观 的 。 视 觉 反 馈 的 形式 有 很 
多 种 ， 包 括 表 示 在 哪里 可 以 输入 文本 的 光标 内 烁 、 屏 幕 文字 、 发 光 
LED， 以 及 屏幕 之 间 的 效果 过 渡 〈 见 图 4-18) 。 


ull- AT&T 3G 6:45 PM 


Done Distance Pace 


7'16" FASTEST SLOWEST 15'25" 


图 4-18: Nike+ 应 用 在 路 线 图 上 能 显示 哪 一 段 跑 得 最 快 , 哪 一 段 跑 得 最 慢 ( 蒙 
David Knepprath 和 “Little Big Details” 惠 允 使 用 ) 


除非 没有 屏幕 或 LED， 否 则 默认 的 反馈 方式 就 应 该 是 视觉 方式 。 几 
平 所 有 用 户 发 起 的 动作 〈 不 包括 用 户 不 能 做 的 动作 ， 比 如 单 击 没有 预 
定 目标 的 地 方 ) 都 应 该 给 出 视觉 上 的 反馈 。 对 于 系统 发 起 的 触发 器 和 


规则 ， 只 有 一 部 分 应 该 配 有 视觉 反馈 ， 这 一 部 分 指 的 是 那些 需要 用 户 
介入 的 比如， 出 错 提示 )， 以 及 能 够 为 用 户 提 供 操作 媒介 的 (比如 ， 
显示 收 到 一 封 语音 邮件 的 徽 童 图标)。 想 一 想 ， 要 让 用 户 做 出 决定 ， 
需要 给 他 看 什么 。 然 后 ， 尽 量 以 巧妙 地 方式 呈现 出 来 。 用 户 通 常 需要 
了 解 资源 的 情况 ， 包 括 时 间 、 努 力 、 未 读 信息 ， 等 等 〈 见 图 4-19)。 


ulll AT&T 3G 10:54 AM 了 63% 男 小 


Cancel Gy 11:09 Options 


Hampton Roads Belt 


图 4-19: Navigon 应 用 会 在 你 的 车 进入 隧道 时 更 换 青 景 ， 而 且 会 显示 离 出 口 
还 有 多 远 ( 蒙 “Little Big Details” 惠 允 使 用 ) 


不 要 显示 多 余 的 视觉 反馈 。 比 如 ， 千 万 不 要 显示 内 容 跟 按钮 标签 一 样 
的 提示 条 。 任 何 反馈 都 必须 力求 清晰 ， 而 不 是 增添 杂乱 。 类 似 地 ， 视 
觉 反馈 要 适度 ， 即 反馈 越 频繁 ， 越 要 尽量 不 干扰 用 户 。 除 非 一 定 要 吸 
引用 户 的 注意 力 ， 否 则 不 要 使 用 闪烁 ( 见 图 4-20)。 


scottwb created branch chef-vendor-ntp at validas/chef-repo nin ago 
New branch is at /validas/chef-repo/tree/chef-vendor-ntp D020901 


19:30:37 
国 Compare chef-vendor-ntp branch with master » 


图 4-20: Github 在 提示 条 里 显示 时 间 ( 蒙 Scott W. Bradley 和 “Little Big 
Details” 惠 允 使 用 ) 
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理想 情况 下 ， 视 觉 反馈 应 该 出 现在 用 户 输 入 的 附近 或 原 地 。 如 果 “ 提 
交 ” 按 钮 在 屏幕 底部 ， 就 不 要 把 错误 消息 显示 到 屏幕 项 部。 正 像 第 2 
章 所 说 的 ， 人 在 注意 某 些 东西 的 时 候 ， 视 野 会 变 窗 。 视 野外 部 的 任何 
东西 都 将 被 无 视 ( 见 图 4-21)。 如 果 必 须 把 视觉 反馈 放 到 远离 视觉 焦点 
的 地 方 ， 可 以 通过 让 它 运动 (比如 ， 让 它 慢 慢 地 淡 入 ) 来 吸引 注意 力 。 


‘es | 量 Download 


La sil lL 


Ta 二 
The file you're about to download has a size of 109.38 MB| 


图 4-21: SoundCloud 把 下 载 文件 的 大 小 放 在 了 提示 条 里 面 ， 而 这 种 做 法 
只 适合 大 多 数 用 户 不 介意 下 载 量 的 情况 ( 蒙 David L. Miller 和 “Little Big 
Details” 惠 允 使 用 ) 

1. 动画 

人 类 大 脑 对 运动 具有 极 强 的 响应 能 力 ， 因 此 动画 一 定 不 要 多 用 。 如 果 
可 以 不 用 动画 ， 那 就 别 用 。 没 有 动画 会 让 微 交 互 速度 更 快 ， 认 知 负 担 
更 少 。 但 另 一 方面 ， 若 运用 得 当 ， 短 小 精 悍 的 动画 既 能 增添 趣味 性 ， 
又 可 以 传达 信息 ( 见 图 4-22)。 


ull MegaFon 3G :13:02 9 Bs 
CD 
ualLMegaFon E 2 13:02 9 Ee 
【oooge 
图 4-22: 在 iPhone 上 , 接 入 方式 图 标 旁 边 的 转 轮 的 转速 会 随 网 速 快慢 而 变化 。 
比如 ，Edge 网 络 比 3G 网 络 的 转速 快 〈 蒙 “Little Big Details” 惠 允 使 用 ) 


微 交 互 中 ， 动 画 最 重要 的 一 点 在 于 它 不 仅 指 示 而 且 精 确 地 指示 一 种 行 
为 模式 。 如 果 面 板 不 是 从 屏幕 右 侧 清 出 ， 就 不 要 让 它 从 左 侧 谓 入 ， 同 
理 ， 如 果 用 户 打开 它 的 方式 是 向 下 轻 扫 ， 也 不 要 让 它 从 左 侧 滑 入 。 为 


了 动画 而 动画 最 要 命 。 最 好 的 动画 能 向 用 户 传达 信息 : 微 交 互 的 结构 
应 该 注意 什么 、 发 生 了 什么 过 程 ， 等 等 。 


谷歌 的 Android 工程 师 Chet Haase 和 Romain Guy 围绕 动画 归纳 了 一 
套 UI 特征 〈 见 图 4-23)。 动 画 应 该 做 到 如 下 几 点 。 


i 


\e DT 


Reference Funsies 


DEals NewWS Amazon 


图 4-23: 在 Android 4.0 (冰淇淋 三 明治 版 ) 中 ， 切 换 屏幕 时 ， 屏 幕 会 产生 斜 
切 动画 ( 蒙 Tony Mooch 和 “Little Big Details” 惠 人 允 使 用 ) 
。 速度 快 

不 耽搁 时 间 。 
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。 平滑 
硅 硅 绊 绊 或 支离破碎 只 能 破坏 气氛 ， 让 微 交 互 看 起 来 像 有 毛病 。 
。 自然 
看 起 来 要 符合 自然 规则 ， 比 如 有 重力 有 惯性 。 


。 简单 
有 意义 ， 容 易 理解 。 


。 有 目的 
不 仅仅 为 了 美观 。 


对 最 后 一 点 ， 设 计 师 兼 工程 师 Bill Scott 归纳 了 与 动画 相关 的 要 点 ”。 


。 改变 视图 的 时 候 要 保持 上 下 文 。 滚 动 列 表 或 平移 传送 带 中 的 内 容 ， 
可 以 看 到 之 前 和 之 后 的 内 容 。 

。 解释 刚刚 发 生 了 什么 。 灰 飞 烟 灭 表示 有 东西 被 删除 了 。 

。 展示 对 象 间 的 关系 。 比 如 ， 在 拖 放 结束 时 ， 让 被 拖 动 的 对 象 移动 到 
放置 目标 中 。 

。 集中 注意 力 。 修 改 某 项 的 值 时 ， 动 画 可 以 让 变化 更 明显 。 

。 提高 感知 效能 。 进 度 条 不 会 缩短 下 载 时 间 ， 但 却 能 让 人 感觉 时 间 过 
得 没有 那么 慢 。 


。 创造 虚拟 空间 的 假象 。 比 如 ， 怎 么 让 面板 请 入 清 出 ， 或 者 让 面板 从 


哪里 讲 入 ， 从 哪里 请 出 。 在 用 户 改变 对 象 状 态 或 切换 使 用 模式 时 ， 
过 没 是 微 交 互动 画 的 重要 实现 方式 。 过 渡 能 给 人 位 置 感 和 路 线 感 ， 
让 用 户 知道 自己 身 处 何 地 、 路 在 何方 。 

。 鼓励 深度 交互 。 有 意思 的 动画 吸引 人 交互 。 


Scott 对 动画 时 间 给 出 有 价值 的 参考 值 ， 把 任何 动画 的 时 间 缩 短 为 你 
台 认 为 的 一 半 。 然 后 ， 可 能 还 得 再 砍 掉 一 半 。( 详 见 OReilly 出 版 的 


《Web 界面 设计 》) 动画 应 该 让 微 交 互 更 有 效率 (通过 启发 思考 或 提供 


指示 ) ， 甚 至 让 人 感觉 更 有 效率 。 


注 9: Borders.com,2008 年 7 月 15 日 :“Anti-Pattern: Animation Gone Wild - Borders.com”( 反 
模式 : 动画 也 疯狂 ) http://t.cn/zQLVesU。 


2. 消息 
设计 师 Catriona Cornett 讲述 了 她 升级 福特 车 载 SYNC 系统 的 经 历 。 
在 把 升级 包 复 制 到 U 盘 并 插 到 车 上 之 后 ， 她 看 到 了 如 下 升级 说 明 : 


“请 严格 遵照 您 车 辆 上 的 使 用 说 明 。 安 装 开 始 大 约 60 秒 后 ， 
会 听 到 “安装 完成 ”的 提示 。 此 时 ， 不 要 拔 出 U 瘟 。 ee 
待 4~18 分 钟 ， 等 听 到 第 二 声 “ 安 装 完 成 ”后 再 拔 出 U 盘 。” 


它 说 会 有 声音 提示 升级 完成 ， 而 实际 上 并 没有 。 假 如 我 没有 看 

这 一 小 段 文字 ， 好 像 我 可 能 就 会 做 出 什么 不 可 挽回 的 事 来 。* 
“安装 完成 ”是 一 个 再 明确 不 过 的 消息 。 然 而 ， 在 上 面 的 说 明 里 ， 这 
个 短语 却 让 人 产生 了 误解 。 任 何 作为 操作 反馈 贵 的 消息 都 必须 (至 少 ) 
保证 准确 。 对 于 说 明 性 的 文字 而 言 ， 同 样 应 该 简洁 明了 。 不 要 用 “ 错 
误 ”“ 警 告 ”这 类 没有 信息 量 的 词 ， 它 们 只 会 搞 得 用 户 更 紧张 。 错 误 
消息 的 反馈 文本 不 仅 要 说 明 出 了 什么 错 ， 还 要 告诉 人 怎么 纠正 它 。 理 
想 情况 下 ， 还 应 该 随同 消息 提供 一 种 纠正 错误 的 途径。 比如 ， 不 要 仅 
仅 告诉 用 户 密码 输 错 了 ， 还 要 重新 把 焦点 定位 到 密码 框 里 或 者 提供 一 
个 找 回 密码 的 链接 ( 见 图 4-24) 。 


Feed Stats Dashboard 


Your feed is so new, we’re still 
playing with the bubble wrap. 
Check back soon for a full dose of stats. 


,60.820 | 


» 126 individuals viewed or clicked items 6 


Wednesdal 


See live Subscriber information » 


图 4-24: 在 新 闻 源 聚合 站 点 Feedburner 中 ， 如 果 你 想 马 上 查看 自己 的 统计 
信息 ， 会 看 到 这 条 消息 。 如 果 能 给 出 实际 的 时 间 就 更 好 了 


注 10: 2011 年 7 月 11 日 :"“UX principles in action: Feedback systems and Ford SYNC” (UX 
原则 实际 演练 : 反馈 系统 与 福特 SYNC, http://t.cn/zQLVesL)。 


虽然 任何 文本 都 应 该 直截了当 (而且 要 说 人 话 ), 但 最 好 不 要 使 用 针 
对 个 人 的 语气 ， 比 如 “你 ”。“ 你 输入 的 密码 有 误 ” 给 人 感觉 更 像 指 
责 ， 比 “密码 错误 ”还 令 人 不 舒服 。 类 似 地 ， 也 不 要 使 用 “我 ” 我 
的 "， 因 为 它们 是 反馈 文案 的 不 怖 谷 。 可 以 像 人 与 人 对 话 一 样 给 出 反 
馈 ， 但 微 交 互 可 不 是 人 。 虽 然 Siri 等 语音 应 用 使 用 第 一 人 称 能 成 功 ， 
但 如 果 把 那些 话 写 下 来 ， 你 会 感觉 很 不 舒服 。 


理想 微 交 互 文案 的 字数 应 该 以 个 为 单位 计算 ， 不 能 以 行 ， 更 不 能 以 段 
为 单位 〈 见 图 4-25)。 文 案 一 定 要 简短 ， 动 词 选择 一 定 要 谨慎 ， 要 把 
重点 放 在 那些 用 户 可 能 或 需要 采取 的 行动 上 :“ 请 重新 输入 密码 。 
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图 4-25: 银行 服务 仅 用 短 短 一 行文 字 (支票 将 于 明天 开 出 ， 周 一 快递 ,7 ~ 
9 天 寄 到 ) 就 解释 清楚 了 将 来 会 怎么 样 ( 蒙 “Little Big Details” 囊 允 使 用 ) 


4.3.2 ”听觉 方法 

第 2 章 说 过 ， 声 音 是 一 种 有 效 的 提示 方式 ， 能 够 迅速 直达 人 类 大 脑 ， 
比 视觉 还 要 快 。 由 于 人 类 对 声音 极为 敏感 〈 如 前 所 述 ， 对 运动 的 物体 
也 一 样 )， 因 此 要 慎重 使 用 。 不 过 ， 在 没有 屏幕 的 设备 上 ， 或 者 作为 
(用 户 不 会 完全 注意 的 ) 后 台 运 行 的 微 交 互 的 一 部 分 ， 声 音 反 馈 是 万 
为 重要 的 手段 。 另 外 ， 在 看 屏幕 不 安全 的 情况 下 ， 比 如 开车 的 时 候 ， 
声音 反馈 也 很 重要 。 


一 般 来 说 ， 听 得 见 的 反馈 有 两 种 : 强调 和 报警 。 用 于 强调 的 声音 通常 
意味 着 用 户 要 主动 采取 措施 ， 作 为 对 用 户 期 待 的 任务 已 经 完成 的 一 个 
确认 。 单 击 按钮 听 到 味 吐 声 就 是 一 个 例子 。 这 种 情况 通常 华 有 视觉 反 
馈 ， 而 且 视 觉 和 听觉 反馈 结合 使 用 已 经 被 证 明 是 比 单纯 使 用 视觉 反馈 
更 有 效 的 手段 。” 另 一 种 听 得 见 的 反馈 ， 即 用 于 报警 的 声音 ， 通 常 意 


注 11: 参见 Brown、Newsome 和 Glinert 发 表 于 1989 年 的 论文 “An experiment into the 
use of auditory cues to reduce visual workload”( 通 过 听觉 提示 减少 视觉 负担 的 试验 ): 
http:/t.cn/zQLBmTj。 


味 着 系统 发 起 的 一 些 操作 : 某 个 过 程 结 束 了 、 某 个 条 件 变化 了 ， 或 哪 
里 出 错 了 。 导 航 应 用 中 的 语音 告诉 你 需要 转弯 就 是 声音 警告 的 例子 。 


微 交 互 中 用 到 的 任何 声音 提示 都 应 该 通过 雾 角 测 试 (Foghorn Test) : 
这 个 动作 真 的 重要 到 用 户 看 不 到 但 应 该 知道 它 的 地 步 了 吗 ? 即使 答案 
是 肯定 的 ， 也 应 该 考虑 同时 提供 一 个 关闭 声音 的 机 制 。 


与 其 他 反馈 类 似 ， 听 觉 反馈 应 该 能 根据 使 用 环境 进行 调整 。 某 些 HTC 
手机 在 用 户口 袋 或 钱包 里 时 ， 蜂 鸣 和 铃声 音量 会 变 得 非常 大 (手机 通 
过 光线 传感器 能 感应 到 )， 而 在 用 户 把 它们 拿 出 来 时 声音 又 会 变 小 。 
有 些 汽车 音响 会 随 着 发 动机 噪音 的 增 大 而 提高 音量 。 类 似 地 ， 如 果 用 
户 不 在 设备 所 在 的 屋子 里 (通过 距离 传感器 感应 ) 或 者 房间 的 噪音 非 
常 大 (通过 麦克 风 检 测 )， 音 量 和 音调 也 可 以 增 大 。 另 外 ， 如 果 设 备 
得 知 用 户 不 方便 查看 视觉 提示 (比如 开车 的 时 候 ， 通过 GPS 检测 )， 
也 可 以 自动 开启 声音 提示 (或 增 大 音量 )。 


音效 设计 师 Karen Kaushansky 对 设计 师 们 提出 了 建议 ， 建 议 在 设计 音 
效 时 考虑 “没有 用 的 情形 ”: 什么 时 候 声音 没有 意义 ? 大 半夜 地 在 空 
房间 里 播放 声音 一 一 特别 是 人 声 ， 既 吓人 又 扰民 。 


1. 耳 标 

声音 反馈 分 两 种 : 耳 标 和 语音 。 耳 标 (earcon) ， 是 在 单词 “icon” 
(eye-con) 基础 上 演绎 而 来 的 ， 指 用 来 传达 信息 的 短促 而 独特 的 声 
音 。” 然 而 ， 耳 标 能 传达 的 信息 有 限 ， 因 此 有 时 候 需 要 用 语音 。 语 音 
就 是 录制 (口头 ) 的 或 计算 机 生成 的 话音 。 语 音 特别 适合 说 明和 指 
示 ， 当 然 如 果 产 品 要 面向 多 个 国家 ， 语 音 的 本 地 化 也 是 个 大 工程 。 语 
音 比 耳 标 更 费时 间 ， 用 耳 标 只 要 几 分 之 一 秒 就 能 传达 的 信息 ， 用 语音 
就 得 花 好 几 秒 。 比 较 “ 邦 ”地 一 声 和 “您 有 一 封 新 邮件 ! ” 


注 12: 参见 Smashing Magazine “Guidelines for Designing with Audio”( 音 频 设 计 指 南 ): 
http://t.cn/zQLrdbz。 

注 13: Meera M. Blattner、Denise A. Sumikawa 和 Robert M. Greenberg “Earcons and Icons: 
Their Structure and Common Design Principles”( 耳 标 与 图 标 : 常见 设计 原理 与 结构 ) 
Journal of Human-Computer Interaction，1989 年 第 1 期 第 4 卷 。 


耳 标 是 抽象 的 ， 因 此 要 仔细 选择 与 要 传达 的 信息 匹配 的 声音 。 对 微 交 
互 而 言 ， 最 好 的 耳 标 能 让 用 户 (有 意 或 无 意 ) 联想 到 其 他 听 过 的 声 
音 。 例 如 ， 插 上 门 昭 的 味 吐 声 可 以 作为 微 交 互 结束 的 耳 标 ， 而 向 上 的 
呆 电 声 可 以 作为 列表 项 移动 到 顶部 的 配音 。 耳 标 不 要 太 人 尖锐 (紧急 
情况 除外 )， 也 不 要 太 轻 柔 ( 我 听 到 什么 了 吗 ? “) 就 像 在 动画 里 一 
样 ， 最 好 的 耳 标 都 很 简短 : 不 超过 1 秒 钟 ， 通 常 只 有 几 分 之 一 秒 。 例 
外 是 表示 正在 执行 某 项 任务 的 伴音 ， 比 如 用 喻 喻 的 声音 表示 正在 同步 
文件 。 


耳 标 也 必须 跟 要 传达 的 情绪 吻合 。 这 个 反馈 表示 很 紧急 还 是 只 为 了 吸 
引 人 ? 这 是 个 警告 还 是 一 个 通知 ? 耳 标 的 品质 (音色 、 音 调 、 时 长、 
音量 ) 应 该 与 要 传达 的 内 容 匹 配 。 


如 果 想 让 耳 标 生 动 鲜明 .、“ 过 耳 不 忘 ”( 成 为 标志 性 声音 ) ， 应 该 至 少 
包含 连续 的 2~4 个 音调 (音符)。” 你 不 一 定 想 让 自己 的 微 交互 被 人 记 
住 ， 因 此 这 个 技巧 即使 要 用 也 应 该 只 对 每 个 微 交 互 使 用 一 次 。 大 多 数 

微 交互 的 耳 标 都 应 该 只 包含 一 个 音调 ， 只 播放 一 次 。 循 环 播放 任何 耳 

标 时 都 必须 慎之 又 慎 ， 哪 怕 最 轻柔 、 最 温和 的 音调 ， 翻 来 履 去 地 播放 
会 让 人 怒火 中 烧 。 


耳 标 对 一 个 动作 来 说 应 该 独一无二 。 就 像 不 能 对 不 同 的 动作 使 用 相同 
的 视觉 反馈 一 样 ， 对 不 同 的 事件 也 不 能 使 用 相同 甚至 类 似 的 声响 。 对 
于 那些 与 用 户 动 作 无 关 的 警告 音 ， 就 更 应 该 注意 这 一 点 。 如 果 用 户 的 
目光 不 在 设备 上 或 看 不 清 设 备 ， 那 他 无 从 知道 发 生 了 什么 动作 。 


2. 语音 

如 果 想 用 语音 作为 声音 反馈 ， 一定 要 保证 口述 消息 简单 明了 。 如 果 是 
让 用 户 根据 提示 做 出 选择 ， 给 出 的 选项 要 明确 、 简 短 、 少 。 对 于 微 交 
互 ， 理想 情况 下 ,语音 响应 应 该 只 有 “是 ”或 “不 ”， 最 多 也 就 是 一 
个 词 。 正 如 我 们 在 第 3 章 说 过 的 ， 微 交互 最 好 给 出 聪明 的 默认 值 ， 而 
不 是 给 出 多 个 选项 。 任 何 语音 选项 都 应 该 出 现在 消息 结尾 。“ 要 关闭 


注 14: 参见 之 前 的 脚注 和 Joseph Kerman 的 Listen (Bedford/St Martin’s 出 版 公司 ，1980 ) 。 


声音 ,说 一 一 是 ”就 对 了 ， 而 “说 是 关闭 声音 ” 则 不 对 。 语 音 反 馈 之 
后 要 紧 跟着 动作 。 


使 用 语音 反馈 ， 就 要 找 演员 录音 ， 或 者 使 用 TITS (Text To Speech， 语 
音 合 成 ) 系统 。 录 音 能 给 人 亲切 感 ， 毕 况 是 人 的 声音 嘛 。 不 过 ， 就 算 
演员 注意 通过 抑扬顿挫 和 停顿 来 准确 地 传达 消息 和 语调 ， 语 音 也 会 包 
售 更 多 的 质感 和 细微 差别 。 缺 点 就 是 只 要 消息 有 变化 ， 就 得 重新 录音 。 


如 果 消 息 是 动态 合成 的 〈 比 如 ， 建 议 路 线 规划 指示 )， 那 TTS 可 能 是 
唯一 的 选择 。 毕 竞 ， 没 人 愿意 把 不 同 街道 的 可 能 组 合 都 读 一 遍 。 虽 然 
TTS 近年 来 已 经 改进 了 不 少 ， 但 还 是 缺少 人 情 味 ， 令 有 些 人 讨厌 ， 因 
此 要 慎重 使 用 。 


4.3.3 触觉 方法 

触觉 技术 上 的 称呼 是 “触感 反馈 ”。 简 言 之 ， 触 觉 就 是 振动 ， 通 党 
由 微 电 机 产生 。 微 电机 可 以 产生 强烈 的 蜂 鸣 振动 ， 也 可 以 产生 模拟 平 
面 纹 理 的 更 柔和 的 拌 动 。 与 视觉 和 听觉 反馈 的 数 十 年 历史 相 比 ， 触 觉 
反馈 还 算是 新 生 事物 ， 大 多 数 人 都 是 通过 寻呼机 和 手机 了 解 它 的 。 


触觉 ， 因 为 很 大 程度 上 是 感觉 (在 比较 硬 的 表面 上 振动 也 能 产生 品 
音 )， 最 适合 用 户 贴身 携带 (和 手持、 触摸 、 穿 戴 或 背负 ) 的 设备 。 当 
然 ， 也 可 以 把 微 电 机 栓 入 家 具 中 ， 以 增强 电影 和 游戏 的 娱乐 性 。 人 的 
脸 和 手 (特别 是 手指 ) 的 触觉 最 敏感 ， 而 躯干 和 大 腿 就 差 远 了 。 


尽管 比 视觉 和 听觉 的 接触 面 更 广 ， 但 人 类 的 触觉 〈 更 确切 地 说 是 皮肤 
感觉 ) 也 是 有 限 的 。 不 仅 受 皮 肤 限制 (虽然 敏感 度 不 同 ， 但 皮肤 面积 
还 算 比 较 大 )， 也 受 大 脑 限制 。 负 责 感知 触觉 的 是 四 种 机 械 敏 感性 受 
体 ， 每 种 受 体检 测 不 同 的 频率 。 不 同 受 体 之 间 还 会 交叉 感应 ， 交 又 感 
应 的 结果 就 是 我 们 的 触觉 ， 因 此 触觉 并 不 强烈 。 有 研究 人 员 称 ,我们 
通过 触觉 感知 的 信息 只 有 通过 听觉 感知 信息 的 1%。 ”大 多 数 人 都 只 能 


注 15: 参见 R.T. Verrillo、A.J Fraioli 和 R.L. Smith 的 “Sensation magnitude of vibrotactile 
stimuli”( 振 动 触觉 刺激 的 感知 量 级 ) Perception & Psychophysics，1969 年 第 6 卷 ， 
P366-372。 
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感觉 到 3~4 个 级 别 的 振动 。 "所 以 说 ， 通 过 触觉 传达 复杂 的 信息 并 不 
可 靠 。 


幸运 的 是 ， 微 交互 通常 不 需要 传达 复杂 的 信息 。 触 觉 作为 微 交 互 的 反 
馈 手 段 ， 主 要 有 三 个 用 途 。 第 一 是 强化 物理 动作 ， 比 如 在 触摸 屏 上 模 
拟 按 下 按钮 的 压力 ， 或 者 在 手机 关闭 铃声 时 让 手机 震动 。 第 二 是 在 声 
音 不 可 用 或 不 适合 用 的 情况 下 ， 用 来 发 出 警告 (这 在 目前 是 最 常见 
的 )。 汽 车 通过 方向 盘 震 动 唤醒 睡觉 的 驾驶 员 就 是 一 个 例子 。 第 三 是 
在 触摸 屏 等 表面 创造 人 工 纹理 或 摩擦 力 ( 这 在 目前 还 不 多 见 )。 比 如 ， 
可 以 让 滚动 降低 速度 。 


鉴于 人 类 对 触觉 差异 的 感知 能 力 很 有 限 ， 因 此 它们 在 微 交 互 中 的 应 用 
除了 细微 的 、 情 境 化 的 沟通 ， 就 只 有 干扰 性 的 警告 了 。 除 非 在 音乐 家 
或 外 科 医 生 使 用 的 特殊 设备 上 ， 才 可 能 用 到 差异 更 多 样 化 的 触感 。 因 
为 在 演奏 音乐 或 做 手术 的 时 候 ， 更 细 化 的 触觉 量 级 可 以 提供 更 多 的 物 
理 反 馈 。 


4.4 反馈 的 规则 
反馈 也 有 自己 的 生成 规则 ( 见 图 4-26) ， 这 些 规则 如 下 。 


。 环境 变化 
反馈 会 根据 环境 的 变化 而 变化 吗 ? 比如 ， 到 了 晚上 ， 音 量 会 加 大 ， 


还 是 会 减 小 ? 


。 持续 时 间 
反馈 要 持续 多 长 时 间 ? 如 何 停止 ? 


注 16: Gill, John, “Guidelines for the design of accessible information and communication 
technology systems” (无 障碍 信息 及 沟通 系统 设计 指南 ) Royal Institute of the Blind， 
2004 年 及 F. A. Geldard 和 C. E. Sherrick 的 “Princeton cutaneous research project, 
report no. 38” (普林斯顿 皮肤 研究 项 目 报告 ,第 38 号 ) 普 林 斯 顿 大 学 ,美国 新 泽 西 州 ， 
普林斯顿 ，1974 年 。 


。 强烈 程度 
效果 有 多 亮 、 多 快 、 多 剧烈 ? 是 用 于 上 烘托 气氛 还 是 为 了 引 人 注 意 ? 
强烈 程度 随时 间 加 大 ， 还 是 保持 不 变 ? 

。 重复 次 数 
反馈 重复 吗 ? 多 长 时 间 重 复 一 次 ?” 效果 一 直 不 停 ， 还 是 只 播放 几 
秒 钟 ? 
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图 4-26: Foursquare 会 在 你 为 了 刷新 而 向 下 拉 得 过 长 时 报 怨 一 句 ( 嘿 ， 可 以 
放 开 我 了 ) ( 蒙 Tory Briggs 惠 允 使 用 ) 


这 些 规则 决定 了 反馈 的 各 种 特点 。 
如 果 你 不 想 让 用 户 在 玩 老 虎 机 时 感觉 受骗 或 对 着 屏幕 拳 打 脚 踢 ， 那 就 


好 好 设计 一 下 反馈 。 让 用 户 理解 规则 ， 适 当时 提醒 他 们 状态 已 经 变 
化 。 给 出 的 反馈 要 一 致 ， 要 鼓励 积极 的 行为 。 

有 时 候 ， 一 个 不 断 重 复 的 反馈 就 是 一 个 微 交 互 。 在 接 下 来 的 第 5 章 ， 
我 们 将 讨论 如 何 通过 循环 和 模式 来 扩展 微 交 互 。 


4.5 小结 

掌握 用 户 什么 时 候 需要 知道 什么 信息 。 所 有 反馈 都 以 这 些 信息 为 基础 。 
反馈 的 目的 是 让 用 户 理解 微 交 互 的 规则 。 确 定 哪个 规则 值得 反馈 。 
选择 需要 通过 反馈 传达 的 消息 ， 然 后 再 选择 正确 的 一 个 或 多 个 渠道 。 
关注 情境 并 关注 反馈 能 否 (或 是 否 应 该 ) 随 之 改变 。 

坚持 以 人 为 本 。 反 馈 可 以 利用 人 性 化 的 外 表 为 微 交 互 增添 人 性 光辉 。 


使 用 既 有 的 UI 元 素 传达 反馈 信息 。 在 增加 视觉 元 素 前 尽 可 能 利用 已 
有 元 素 。 


不 要 随意 反馈 。 把 反馈 与 控件 关联 起 来 ， 或 者 通过 它 引导 用 户 行为 。 
尽 可 能 对 用 户 发 起 的 动作 采用 视觉 反馈 。 需 要 强调 或 报警 时 ， 使 用 听 


沉 和 触觉 反馈 。 
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箱 环 与 模式 


2004 年 1 月 4 日 ， 重 约 400 磅 、 有 6 个 轮子 、 使 用 太阳 能 驱动 的 机 器 
人 在 火星 上 的 一 个 巨大 陨石 坑 一 一 古 谢 夫 环形 山 着 陆 。 这 个 机 器 人 就 
是 造价 4 亿美 元 的 “勇气 ”号 火星 探测 器 ， 制 造 时 间 长 达 1 年 之 久 。 
据 Passport to Knowledge 报道 ,“ 勇 气 ” 号 经 过 6 个 月 的 太空 之 旅 才 
到 达 这 颗 红 色 星 球 ， 经 历 了 一 次 危险 的 着 陆 ， 第 一 次 撞击 火星 表面 
时 反弹 高 度 有 5 层 楼 那么 高 。 负 责 建 造 和 控制 这 个 探测 器 的 JPL (Jet 
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Propulsion Laboratory， 喷 气 推进 实验 室 ) 团队 认为 更 糟糕 的 还 在 后 


头 。 但 是 ， 他 们 错 了 。 


红色 的 尘埃 落 定之 后 ,“ 勇 气 ” 号 开始 拍摄 照片 并 执行 科学 考察 任务 ， 
前 进 到 附近 的 一 个 目标 (“ 断 头 谷 ")。 可 是 ，1 月 21 日， 探测 任务 开 
台 不 到 3 周 ， 奇 怪 的 事情 发 生 了 。NASA 的 识 太空 网 (Deep Space 
Network) 与 “勇气 ”号 失去 了 联系 。 


一 开始 ， 科 学 家 们 认为 是 发 生 在 澳大利亚 的 雷暴 干扰 了 地 面 信号 接收 
装置 ， 导致 “勇气 ”号 与 地 面 失去 联系 。 但 事实 是 “勇气 ”号 自身 出 
了 问题 。 第 二 天 ,“ 勇 气 ”号 发 来 信号 次 哪 哪 声 ， 表 示 自 己 还 在 
那里 ， 然 后 就 再 没有 其 他 消息 了 。 问 题 非常 严重 。 如 果 是 关键 的 硬件 
发 生 故 障 ， 那 这 台 机 器 人 就 已 经 死 了 ， 它 的 探测 任务 已 经 结束 。 


在 尝试 了 很 多 方法 后 ，JPL 最 终 让 这 辆 火星 车 发 回 了 诊断 数据 ， 时 间 
是 1 月 23 日 。 虽 然 很 多 数据 都 是 没有 意义 的 噪声 重复 ， 但 也 为 他 们 分 
析 故 障 原 因 提 供 了 一 些 依据 。 结 果 并 不 乐观 : 探测 器 内 部 温度 超过 了 
预期 电池 电量 不 足 。 正 常情 况 下 ， 探 测 器 的 计算 机 每 天 只 开 5~6 小 
时 ， 一 方面 市 省 电能 ， 男 一 方面 防止 过 热 。 然 而 数据 显示 ， 探 测 器 并 
没有 进入 睡眠 模式 ， 因 此 消耗 了 电能 ， 并 导致 过 热 。 如 果 这 种 状况 持 
续 下 去 ， 探 测 器 就 会 报废 。 这 次 火星 探测 活动 的 负责 人 Mark Adler 表 
示 :“ 我 们 手 里 的 是 一 台 生病 的 火星 车 。 勇气 ”号 失眠 了 ， 还 发 烧 ， 
身体 越 来 越 虚 弱 ， 满 嘴 胡 话 ， 语 无 伦 次 ， 对 我 们 的 问 话 置 若 闭 闻 。” 


5 


Adler 扣人心弦 的 第 一 手记 录 可 以 在 这 篇 文章 里 看 到 
4 。 “Spirit Sol 18 Anomaly”"， 发 表 在 Planetary Society Blog， 
“A 
”链接 为 : http://t.cn/zQJXRFn。 


黔 驴 技 穷 之 际 ， 控 制 人 员 向 “勇气 ”号 发 出 了 SHUTDWN_DMN_TIL 
( shutdown dammit until ”， 关 机 待命 ) 命令 ， 强 制 机 器 人 进入 睡眠 模 
式 。“ 勇 气 ” 号 接受 了 命令 ，JPL 团队 松 了 一 口气 。 为 了 确认 ， 他 们 向 
火星 车 发 送 了 一 次 嘟 嘟 声 ， 如果“ 勇气 ”号 真 的 睡 着 了 ， 就 不 会 响应 。 


但 他 们 收 到 了 回音 。 
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“勇气 ”号 并 没有 执行 命令 ， 而 且 由 于 地 球 在 环形 山中 已 经 “沉没 ”， 
除了 等 到 第 二 天 再 联系 ，JPL 没有 任何 办 法 。 在 此 期 间 , “勇气 ”号 会 
持续 过 热 ， 耗 尽 电 能 。 机 器 人 已 经 生存 无 望 。 


JPL 团队 重新 部 署 ， 准 备 调 查 清楚 到 底 哪里 出 了 问题 。 他 们 提出 了 一 
套 说 法 :“ 勇 气 ” 号 进入 了 故障 模式 ， 它 在 遇 到 自己 无 法 解决 的 问题 
时 重新 启动 了 ， 就 像 我 们 自己 的 电脑 在 死机 后 重启 一 样 。 关 键 在 于 ， 
“勇气 ”号 似乎 被 卡 在 了 故障 模式 ,一遍 又 一 遍地 重新 启动 。 换 句 话 
说 ， 它 在 重新 启动 时 碰 到 了 问题 。 


后 来 ，JPL 发 现 问 题 出 在 探测 器 飞 向 火星 期 间 的 一 次 软件 升级 上 。 升 
级 过 程 中 要 删除 旧 程 序 文件 ， 可 是 代替 它们 的 新 文件 却 上 传 失败 ， 但 
这 件 事 没 人 留意 或 者 说 是 被 忽略 了 。 由 于 旧 文 件 还 在 ， 文 件 存储 空间 
不 足 。 于 是 “勇气 ”号 尝试 恢复 数据 ， 文 件 系统 溢出 。 为 修复 问题 ， 
“勇气 ”号 重新 启动 。( 这 么 做 也 是 程序 设 定 的 。) 但 由 于 文件 空间 不 
足 ， 重 启 无 法 完成 ,“ 勇 气 ”号 为 此 再 次 重启 。 这 样 ， 机 器 人 就 进入 
了 无 限 循 环 。 


空 制 团队 当时 不 知道 是 这 个 原因 ， 他 们 只 是 猜测 “勇气 ”号 在 不 断 重 
启 ， 因 此 希望 在 探测 器 无 法 挽回 地 损坏 之 前 停止 重启 。JPL 怀疑 ， 既 
然 不 断 重 启 问 题 依 旧 ， 要 么 是 内 存 ( 即 EEPROM) 故障 ， 要 么 是 硬件 
故障 。( 假 如 是 硬件 故障 ， 那 么 探测 器 就 不 可 能 修好 了 。) 幸运 的 是 ， 
探测 器 研发 工程 师 预 见 到 了 内 存 和 EEPROM 可 能 出 问题 ， 因 此 设计 
了 一 种 不 通过 内 存 启动 的 方式 ， 即 通过 从 地 球 接收 无 线 电 信息 ， 也 能 
执行 有 限 的 一 些 命令 。 其 中 一 条 命令 就 是 告诉 计算 机 不 使 用 内 存 重新 
启动 。JPL 团队 通过 无 线 电 发 送 了 几 次 这 条 命令 ， 最 终 还 是 起 作用 了 ， 
循环 被 中 止 。 终 于 可 以 长 出 一 口气 了 ，JPL 接收 了 一 些 数据 ， 然 后 让 
晚 睡 了 很 人 的 “勇气 ”号 进入 了 梦乡 。 


还 好 ， 故 事 的 结局 让 人 很 开心 。 因 为 “勇气 ”号 在 2004 年 2 月 5 日 
恢复 了 全 面 运行 状态 ， 尽 管 其 太阳 能 电池 板 的 设计 寿命 具有 3 个 月 ， 


注 1: 要 了 解 详 细 信 息 ， 请 参考 EE Times 2004 年 2 月 20 日 的 文章 “The trouble with rover 
is revealed” (漫步 者 的 麻烦 显现 )。 
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而 且 还 在 沙 地 里 被 困 了 两 年 ， 但 它 还 是 继续 运行 了 好 几 年 。 与 “ 勇 
气 ” 号 最 后 一 次 通信 是 2010 年 3 月 22 日 ， 比 JPL 的 预期 长 了 近 7 
年 。NASA 官方 在 2011 年 5 月 25 日 宣布 “勇气 ”号 完成 了 使 命 ， 
为 “在 火星 上 没有 多 少 阳 光 的 严冬 ， 甚 能 量 不 足以 支撑 幸存 的 加 热 装 
置 ， 这 辆 火星 车 的 内 部 温度 比 之 前 在 火星 上 的 6 年 都 要 低 ”。 在 本 书 
写作 时 (2013 年 3 月 ),“ 勇 气 ” 号 的 挛 生 火星 车 兄弟 一 一 晚 三 周 抵达 
火星 的 “机 遇 ” 号 ， 仍 然 在 执行 着 探索 火星 表面 的 任务 。 


提 到 模式 ， 软 件 应 用 中 也 有 一 个 模式 与 “勇气 ”号 的 故障 模式 类 似 。 
在 这 种 模式 下 ， 应 用 以 不 同 寻常 的 方式 运行 ， 通 常 意味 着 可 以 通过 比 
如 按 一 个 键 来 做 一 些 特别 的 事 。 而 循环 呢 ， 与 “勇气 ”号 的 不 断 重 启 
类 似 ， 就 是 一 个 或 一 串 不 断 重复 的 命令 。( 下 面 会 讲 到 ， 微 交互 中 的 
循环 会 有 一 点 点 不 同 。) 正如 “勇气 ”号 的 惊险 故事 所 揭示 的 ， 就 算 
是 NASA 中 那些 最 循规蹈矩 的 科学 家 ， 也 很 难处 理 好 循环 与 模式 。 


5.1 模式 

模式 是 规则 的 一 个 分 支 ， 而 且 对 微 交 互 来 说 ， 模 式 应 该 尽 可 能 少 用 。 
大 多 数 微 交 互 都 应 该 没有 模式 ， 但 有 时候 模式 也 是 必要 的 。 模 式 最 主 
要 的 目的 是 执行 一 种 不 常用 的 动作 ， 这 种 动作 可 能 会 妨碍 微 交 互 达 成 
其 主要 目的 。 常 见 的 模式 就 是 设置 ， 用 户 可 以 在 其 中 指定 一 些 有 关 微 
交互 的 选项 。 在 进入 设置 模式 时 ， 通 常 仅 修改 徽 交 互 ， 而 不 会 同时 执 
行 主任 务 。 此 时 的 操作 与 其 他 操作 隔离 。 比 如 天 气 应 用 ( 见 图 5-1) 
或 股票 应 用 ， 要 在 其 设置 模式 中 选择 城市 或 股票 代码 。 此 时 执行 的 不 
是 微 交互 的 主任 务 ， 而 是 引导 用 户 进入 一 个 子 任务 ， 然 后 再 返回 主任 
务 的 分 支 规 则 。 


不 使 用 模式 的 原因 往往 在 于 它 会 导致 错误 ， 在 模式 处 于 不 可 见 状态 的 
情况 下 ， 出 错 概率 更 高 。 比 如 ， 打 开 编 辑 模式 ， 会 把 用 户 原先 熟悉 的 
屏幕 变 成 需要 重新 学 习 的 状态 。 不 同 模式 下 ， 同 样 是 点 击 一 项 ， 可 能 
会 产生 完全 不 同 的 结果 : 在 默认 模式 下 是 选择 这 一 项 ， 而 在 删除 模式 
下 则 会 删除 这 一 项 。 模 式 越 少 ， 导 致 用 户 困 惑 的 机 会 越 少 ， 在 微 交 互 
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中 ， 最 好 没有 模式 ， 即 使 有 也 不 要 超过 一 种 ， 这 样 强 迫 用 户 理解 微 交 
互 的 机 会 也 越 少 。 


ma-AT&T 会 > 2:20 PM 


十 Weather 


®@ San Francisco 


®@ Seoul 


: 


” powered by: 
ew YAFIOO! 


weather.com 


The 


图 5-1: 苹果 iOS 版 天 气 应 用 的 设置 模式 


如 果 必 须 设计 一 种 模式 ， 对 微 交 互 而 言 ， 最 好 能 给 它 自 己 设计 一 个 屏 
幕 (当然 前 提 是 有 屏幕 )。( 这 是 第 3 章 讨论 的 “不 要 让 每 条 规则 都 对 
应 一 个 屏幕 ”的 例外 。) 单独 的 屏幕 可 以 减少 错误 和 防止 困惑 ， 因 为 
用 户 可 以 清楚 地 知道 自己 进入 了 一 个 不 同 的 模式 ， 而 不 是 处 于 不 熟悉 
的 状态 。 过 渡 到 新 模式 (以 及 返回 之 前 的 默认 模式 ) 的 效果 ， 也 可 以 
作为 有 用 的 提示 ， 表 示 用 户 要 到 一 个 特殊 的 地 方 做 一 些 特别 的 事 。 


用 户 进入 另 一 个 模式 然后 再 返回 之 前 的 模式 时 ， 会 希望 原来 的 模式 还 
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处 于 自己 离开 时 的 状态 ， 尽 管 在 另 一 个 模式 中 操作 的 结果 可 能 会 反映 
到 默认 模式 。 用 户 在 退出 特殊 模式 返回 主 模式 后 ， 会 希望 主 模式 中 的 
交互 方式 与 自己 离开 时 的 相同 ， 当 然 要 反映 出 他 们 在 特殊 模式 下 所 做 
的 修改 。 比 如 ， 在 天 气 应 用 中 ， 如 果 用 户 在 “添加 城市 ”模式 中 添加 
了 一 个 城市 ， 那 么 回 到 主 模 式 时 ， 应 该 让 用 户 看 到 新 城市 的 天 气 。 


弹簧 模式 与 一 次 性 模式 

如 果 切 换 到 另 一 个 模式 就 是 为 了 执行 一 个 简单 的 操作 ， 那 就 会 很 令 人 
讨厌 。 除 了 传统 的 模式 ， 还 有 两 种 适用 于 (或 可 以 取代 传统 模式 的 ) 
微 交互 模式 变 体 ， 弹簧 模式 和 一 次 性 模式 。 这 两 种 模式 都 不 会 让 用 户 
感觉 自己 被 锁 在 了 一 个 未 知 模式 里 。 


弹 禾 模式 (有 时 候 也 叫 Quasimode”) 只 在 用 户 按 下 键 或 按 住 鼠 标 不 放 
的 情况 下 才 会 激活 。 用 户 一 停止 上 述 动作 ， 模 式 就 会 消失 。 最 经 典 的 
例子 就 是 按 住 键盘 上 的 Shift 键 打开 大 写 模 式 ， 但 一 松 开 手 就 会 退出 。 
Alt、Option 和 Command 键 也 都 能 进入 弹簧 模式 。 


弹簧 模式 的 价值 在 于 ， 用 户 很 少 会 忘记 自己 在 不 同 的 模式 里 ， 因 为 他 
们 必须 通过 实际 的 操作 才能 切换 到 另 一 个 模式 ， 而 且 也 不 需要 切换 不 
同 的 屏幕 。 这 种 模式 的 缺点 是 不 适合 费时 的 操作 或 复杂 的 输入 。 

对 微 交 互 来 说 ， 弹 簧 模式 最 好 少 用 ， 它 主要 适合 设备 和 家 电 产 品 。 比 
如 ， 长 按 “ 开 始 ” 键 可 以 重新 启动 或 重 置 。 

弹 复 模 式 也 可 以 是 把 用 户 引导 到 微 交 互 的 不 可 见 触发 右 ， 比 如 自动 填 
充 搜 索 字 段 。 自 动 填充 功能 只 有 在 字段 里 有 文本 时 才 会 起 作用 ， 因 此 
也 属于 弹簧 模式 。 

这 些 对 一 次 性 模式 也 适用 。 一 次 性 模式 指 的 是 在 用 户 发 起 模式 时 ， 模 
式 持续 时 间 与 动作 执行 时 间 相 等 ， 动 作 结束 ， 模 式 就 结束 。 比 如 ， 


注 2: Quasimode 是 Jef Raskin 在 他 后 来 的 奠基 之 作 The Humane Interface (Addison-Wesley 
Professional) 中 提出 来 的 。 
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在 iOS 中 双击 文本 会 调 出 其 剪 切 并 粘贴 功能 ， 该 功能 在 选择 一 个 命 
今后 消失 。 较 新 版 本 的 Microsoft Office 中 有 一 个 所 谓 的 “迷你 工具 
条 ”， 只 要 选中 文本 ， 它 就 会 出 现 ， 其 中 包含 一 个 格式 化 工具 。 在 
OmniGraffle 中 ， 每 次 用 完 选 中 的 工具 (比如 直线 工具 )， 光 标 都 会 
恢复 到 默认 状态 (指针)。 一 次 性 模式 最 适合 快速 的 任务 切换 (就 像 
OmniGraffle) 或 上 下 文 工 具 (比如 Office 和 1iOS)。 


一 次 性 模式 也 可 以 用 在 手势 和 话音 微 交 互 中 。 在 某 些 语音 控制 的 界面 
中 ， 比 如 支持 Kinect 的 Xbox 中 ， 语 音 命 令 〈 在 这 里 就 是 “Xbox”) 
就 是 触发 器 ， 一 个 命令 就 会 启动 一 个 一 次 性 模式 ， 而 这 个 模式 又 可 以 
接受 新 的 命令 。“ 灯 光 ! 瞳 一 些 ! ”或 “电视 ! 关闭 ! ”(《 星 际 迷 航 》 
里 以 科幻 方式 演绎 过 这 种 应 用 :“ 计 算 机 ， 定 位 舰 长 Riker ! ”) 类 似 
地 ， 在 手势 界面 中 ， 一 个 手势 (比如 挥手 ) 就 可 以 触发 微 交 互 ， 从 而 
进入 能 够 接受 另 一 个 手势 的 一 次 性 模式 。 在 这 两 种 情况 下 ， 一 次 性 模 
式 都 可 以 防止 意外 触发 。 而 在 这 两 方面 的 例子 中 ， 一 次 性 模式 都 会 在 
一 定 的 时 间 后 退出 ， 为 此 就 需要 循环 了 。 


5.2 循环 

循环 〈 在 微 交 互 的 语 境 下 ) 就 是 不 断 重 复 的 一 段 时 间 ， 通 常用 于 设 定 
持续 时 间 。 这 段 时 间 的 单位 可 以 是 毫秒 、 分 钟 、 天 ， 甚 至 是 年 。 循 环 
的 核心 是 计时 ， 即 确定 微 交 互 的 速度 和 持续 时 间 。 虽 然 大 多 数 微 交 互 
的 持续 时 间 很 得， 但 它们 或 者 它们 的 革 一 部 分 可 以 重复 ， 因 而 就 可 能 
具有 不 那么 短暂 的 “生命 ”。 

循环 由 规则 (直接 或 间接 地 ) 指明 。 每 30 秒 获 取 一 次 数据 ”或 “ 运 
行 3 分 钟 ， 然 后 停止 ”或 “每 10 天 发 送 一 次 提醒 ”都 表明 微 交互 中 
有 循环 。 


注 3: 程序 员 看 到 这 个 定义 可 能 会 有 异议 ， 因 为 他 们 通常 理解 的 循环 (作为 计算 机 科学 术 
语 ) 不 可 能 做 到 这 一 点 。 做 到 这 一 点 的 应 该 是 “等 待 ”或 “睡眠 ”命令 。 
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5.2.1 循环 分 类 
我 们 关心 4 种 循环 模式 。 


。 计数 (for) 衢 环 
重复 既定 次 数 的 循环 。 比 如， 在 显示 错误 消息 前 ， 检 查 10 次 是 否 
有 网 络 连 接 。 


条 件 (while) 循环 
在 满足 条 件 的 情况 下 反复 执行 的 循环 。 如 果 条 件 变化 或 结束 ， 则 循 
环 停止 。 如 果 有 网 络 连 接 ， 则 每 分 钟 检查 一 次 Twitter 的 新 消息 。 


。 集合 循环 
与 计数 循环 类 似 ， 这 种 循环 会 帝 历 集合 中 的 每 个 值 ， 然 后 停止 。 例 
子 : 对 每 封 示 读 邮 件 ， 给 未 读 计数 器 加 1。 


。 无 穷 循环 
循环 开始 后 ， 除 非 出 错 或 被 人 强制 停止 ， 否 则 永远 不 会 结束 。 与 
“勇气 ”号 火星 探测 器 的 故事 类 似 ， 这 种 循环 通常 是 要 尽力 避免 的 。 
不 过 ， 某 些 类 似 开 灯 的 微 交 互 基本 上 就 是 从 一 个 无 穷 循 环 开始 的 : 
除非 整个 微 交 互 被 关闭 或 者 灯泡 烧 掉 ， 否 则 灯 永 远 不 会 关 。 


除了 以 上 循环 ， 还 有 两 种 循环 : 开放 循环 和 封闭 循环 。 微 交互 将 这 
两 种 循环 用 于 不 同 的 情况 。 开 放 循 环 不 响应 反馈 ， 它 们 执行 完 就 结 
束 。(“ 每 天 晚上 10 点 ， 把 灯 打 开 。) 封闭 循环 具有 内 置 反 馈 机 制 ， 
因而 可 以 自 调整 。 比 如 ,汽车 开动 起 来 后 ， 封 闭 循环 可 以 自动 检查 
发 动机 噪音 ， 据 此 调整 汽车 的 音响 。 


与 第 2 章 讨论 的 算法 类 似 ， 确 定 循环 的 参数 对 用 户 体验 影响 极 大 。 循 
环 的 次 数 太 少 ， 会 让 人 感觉 仓促 或 有 侵入 性 ， 而 循环 时 间 太 长 ， 又 会 
让 人 感觉 拖 栓 或 反应 迟钝 。 图 5-2 展示 了 一 个 计时 循环 的 例子 。 

可 以 用 循环 来 控制 动作 时 间或 让 某 个 过 程 不 会 过 长 ， 甚 至 可 以 控制 整 
个 微 交互 的 持续 时 间 。 为 什么 要 控制 时 间 呢 ? 可 能 是 出 于 安全 考虑 ， 
比如 登录 银行 网 站 后 ， 如 果 一 段 时 间 内 不 活动 ， 就 会 自动 注销 你 的 登 
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录 。 但 这 种 自动 结束 微 交 互 的 操作 有 时 候 会 让 人 反感 ， 所 以 必须 慎 用 
( 见 图 5-3)。 


Order number: 
#0478345253 


Date ordered: 
15th Mar 2011 


Items 


You have 1 hour, 19 minutes to edit 
your designs before theyre printed 


Cantire Dieinnee 


图 5-2: Moo (moo.com) 在 用 户 下 单 后 开始 计时 循环 ， 告 诉 用 户 还 有 多 长 
时 间 可 以 编辑 刚 下 的 订单 ( 蒙 Matt Donovan 和 “Little Big Details” 惠 允 使 用 ) 


Security Check 


Warning: Please Slow Down 


It looks like youfe using this feature in a wayitwasntmeant to be used. Please 
slow down, or you could be blocked from using it. 


WNnUs 


Can't read the text above? 
Try another text cr an audio captcha 
Text in the box: 


Whats this? 


图 5-3: 如 果 用 户 短 时 间 内 单 击 了 太 多 次 “添加 朋友 ”按钮 ，Facebook 会 对 
用 户 进行 警告 ( 蒙 Alfie Flores Nollora 和 “Little Big Details” 惠 允 使 用 ) 
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循环 也 可 以 用 来 识别 行为 。 比 如 ， 如 果 用 户 暂 停 微 交互 的 时 间 过 长 ， 
可 以 提示 用 户 是 否 需 要 帮助 ( 见 图 5-4)。 


图 5-4: 如 果 缓 冲 视频 的 时 间 过 长 ,TED 站 点 会 给 出 下 载 链接 ,以 便 线 下 观看 ( 蒙 
Justin Dorfman 和 “Little Big Details” 惠 人 允 使 用 ) 


有 时 候 ， 只 有 重复 (开放 循环 ) 还 不 够 。 最 有 用 的 循环 ， 是 那些 在 长 
周期 内 一 直 存 续 的 循环 ， 以 及 (或 者 ) 能 够 随时 间 的 推移 ， 根 据 行为 
有 反馈 自 适应 的 封闭 循环 。 这 就 是 长 循环 。 


5.2.2 长 循环 


“如 果 对 象 还 没有 成 熟 到 令 人 满意 的 程度 ,设计 就 有 问题 。” 


Deyan Sudjic 


说 说 羊角 锤 吧 。 跟 大 多 数 工具 一 样 ， 羊 角 锤 在 其 些 特定 的 情况 下 非常 
有 用 一 一 就 像 微 交互 。 上 有 具体 来 说 ， 羊 角 锤 可 以 砸 生子， 也 可 以 起 钉子 ， 
偶尔 还 可 以 用 来 粉碎 东西 。 但 微 交互 不 是 羊角 锤 ， 它 有 记忆 ， 能 使 用 
数据 ， 还 可 以 循环 ， 甚 至 无 穷 循 环 。 设 计 微 交 互 时 ， 可 以 使 用 我 所 说 
的 长 循环 ， 不 仅 关注 个 别 的 任务 ， 也 关注 更 长 时 间 跨 度 内 的 活动 。 为 
了 让 用 户 第 二 次 使 用 微 交 互 时 感觉 更 好 ， 可 以 做 些 什么 ?第 十 次 呢 ? 
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第 一 万 次 呢 ? 图 5-5 和 图 5-6 展示 了 两 个 着 眼 于 近期 改进 的 例子 。 


3 days ago 


1 hour ago 


2 minutes 


图 5-5: 数字 音乐 服务 Spotify 的 “Added” 列 中 的 音乐 ， 会 随时 间 的 推移 而 
淡出 ( 蒙 Jorge Nohara 和 “Little Big Details” 惠 允 使 用 ) 


Yu | 


im forever blowing bubbles Dismiss 
im elmo and | know it 

im yours 

im glad you came 

im sexier and | know it Imfao official music video 

im blue eiffel 65 

im glad you came the wanted 

im yours lyrics jason mraz 

im the best 

im a believer 


Q 


图 5-6: YouTube 会 将 最 近 的 搜索 显示 为 紫色 ( 蒙 Davide Dettori 和 “Little 
Big Details” 惠 允 使 用 ) 
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循环 可 以 让 你 创造 出 设计 专家 、Adaptive Path 公 司 CEO Brandon 
Schauer 所 谓 的 “The Long Wow”( 长 久 的 赞 赏 ，http://t.cn/ 
zQUOqgWe)。“ 长 久 的 赞赏 ” te a 
we 而 不 是 一 成 不 变 ， 借 以 建立 用 户 忠诚 度 〈 见 图 5-7 和 图 
-8) 。 从 微 交 互 角 度 讲 ,“ 长 久 的 赞赏 ”意味 着 随时 间 的 推移 调整 微 交 

互 ， 让 用 户 感觉 它 是 专门 给 自己 定制 的 ， 甚 至 是 一 个 全 新 的 东西 。 这 
就 要 求 使 用 长 循环 ， 也 就 是 持续 时 间 与 微 交 互 所 在 设备 一 样 长 ， 甚 至 
更 长 时 间 的 循环 (如果 能 远程 存储 行为 数据 的 话 )。 


too Guys Girly Participate Info 


Nuae 


An item in your cart is running out! 
Hey ! 


Some items in your shopping cart are dangerously close to being sold out. Please, we 
beg you, act now to purchase your tees before it's too late!!! 


We only have (15) Medium Oatmeal Girly Burnout V-Neck Freya's Hair Select 
Girly Burnout V-Neck left! 


F Click here to check out your cart! 
Thank you from your pals at Threadless.com! 


P.S. If you dont like emails like this, you can always turn them off in your account 
settings 


图 5-7: Threadless 会 在 用 户 的 货物 快要 卖 光 之 前 给 用 户 发 邮件 ( 蒙 “Little 
Big Details” 惠 人 允 使 用 ) 


Username or Email 


Password 


网 ber M 
口 Remember Me Log In 
Lost your password? 


图 5-8: Remember Me ( 记 住 我 ) 会 打 断 互联 网 循环 。 选 这 个 复 选 框 会 发 生 
什么 ? 能 保证 你 自动 登录 吗 ? (不 可 能 . ) 多 数 情况 下 ， 它 甚至 都 不 记得 你 选 
过 这 个 复 选 框 ， 所 以 干脆 就 不 要 选 ( 蒙 Jack Moffett 惠 允 使 用 ) 


类 似 长 循环 的 用 途 就 是 扩展 微 交 互 ， 使 其 不 局 限于 一 次 使 用 。 比 如 ， 
每 周 提醒 用 户 一 次 愿望 列表 中 的 商品 ， 或 者 看 起 来 没有 网 站 会 记 住 的 
“ 记 住 我 ” 复 选 框 ， 都 是 这 样 的 例子 。 在 用 户 返 回 微 交互 时 ， 应 该 记 
住 用 户 之 前 的 使 用 情况 。 喜 欢 大 声 放 音乐 的 用 户 可 能 需要 与 其 他 人 不 
同 的 设置 ( 见 图 5-9)。 


Yes, temporarily unsubscribe me! 


图 5-9: ThinkGeek 允许 用 户 在 节假日 到 来 时 临时 取消 订阅 ( 蒙 Kayle 
Armstrong 和 “Little Big Details” 惠 人 允 使 用 ) 


渐进 揭示 或 减少 

长 循环 的 另 一 个 用 途 是 在 长 周期 内 渐进 揭示 新 功能 。 随 着 用 户 对 产品 
越 来 越 熟 悉 ， 就 不 必 再 手把手 地 教 他 们 了 ， 可 以 将 他 们 看 成 有 经 验 的 
人 。 比 如 ， 用 户 多 次 使 用 微 交 互 之 后 ， 可 以 加 入 快捷 方式 或 更 高 级 的 
功能 。 
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另 一 个 方向 是 渐进 减少 (http://t.cn/zY5nBPZ)， 即 微 交互 随时 间 推 移 
越 来 越 简 单 ， 因 为 随 着 用 户 越 来 越 有 经 验 ， 一些 用 于 辅助 说 明 的 标签 
就 不 再 必要 了 ( 见 图 5-10)。 不 过 ， 必 须 与 否 要 因 人 而 异 。 如 果 因 此 
导致 用 户 使 用 频率 下 降 ， 那 么 微 交 互 必须 重新 变 得 可 靠 和 明显 。 简 化 
微 交 互 的 好 处 ， 对 用 户 而 言 就 是 使 界面 更 清 严 、 让 人 更 有 成 就 感 ， 而 
且 利 用 了 自己 对 产品 的 熟悉 程度 。 


图 5-10: LayerVault 中 淘 进 减少 的 例子 。 默 认 情 况 下 ,“Signpost ”按钮 有 
一 个 大 图 标 ， 还 有 一 个 标签 。 随 着 用 户 越 来 越 熟练 ， 标 签 就 被 去 掉 了 。 而 对 
更 有 经 验 的 用 户 ， 按 钮 根本 不 用 再 强调 ( 蒙 LayerVault 惠 允 使 用 ) 


差 一 点 损毁 的 火星 探测 器 “勇气 ”号 的 故事 告诉 我 们 ， 循 环 与 模式 并 
不 容易 实现 和 维护 。 然 而 ， 利 用 循环 和 模式 可 以 让 微 交 互 更 简洁 ( 通 
过 把 不 常用 的 动作 ， 如 设置 ， 转 移 到 另 一 个 模式 )、 更 丰富 (通过 随 
时 间 推 移 不 断 适应 用 户 习惯 )。 


现在 ， 构 成 微 交 互 的 各 个 部 分 就 全 部 讲 完 了 。 接 下 来 ， 该 把 所 有 部 分 
组 合 到 一 起 ， 看 儿 个 实际 设计 微 交 互 的 例子 了 。 


5.3 小 结 
只 有 在 某 个 动作 会 干扰 微 交互 时 才 需 要 设计 新 模式 。 
如 果 必 须 有 新 模式 ， 尽 可 能 给 它 设计 一 个 专用 屏幕 。 


对 于 能 够 快速 完成 的 动作 ， 可 以 考虑 弹 得 模式 或 一 次 性 模式 ， 而 非 传 
统 模式 。 


使 用 循环 扩展 微 交 互 的 生命 周期 。 
仔细 确定 循环 的 参数 ， 以 保证 最 佳 的 用 户 体验 。 


使 用 长 循环 赋予 微 交 互 记 忆 力 ， 或 者 使 其 能 随 着 时 间 推 移 渐进 揭示 或 渐 
进 减 少 新 功能 。 
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2008 年 ， 波 士 顿 的 一 个 寒冷 夜晚 ，Leah J an 
的 狗 粮 没有 了 。 他 们 条 乞 册 于 用 翁 。 路 上 居然 还 打 到 一 辆 出 租车 。 不 
过 ， 狗 也 得 吃饭 呐 。 她 想 :“ 要 是 能 在 网 上 喊 一 句 :“ 谁 有 狗 粮 ， 多 少 
钱 ， 我 们 给 ! ”而 且 恰 好 有 个 邻居 正在 超市 买 东 西 ， 于 是 就 帮 有 我 们 
买 了 狗 粮 ， 那 该 多 好 啊 ! ”出 租车 还 没 到 地 方 ， 她 就 把 域名 想 好 了 : 


1 


RunMyErrand.com 。 


RunMyErrand 最 终 变 成 了 创业 公司 TaskRabbit，Busque 成 为 创始 人 
兼 CEO。TaskRabbit 让 人 们 把 自己 不 想 做 的 事 ， 比 如 捐 旧 衣物 或 买 狗 
粮 ， 外 包 给 周围 的 人 。2011 年 ，TaskRabbit 获得 了 数 百 万 投资 ， 员 工 
达到 35 人 ， 每 月 业务 收入 达 400 万 美元 。 


注 1: 见 Business Insider，2011 年 10 月 27 日 ，Alyson Shontell 的 “Founder Q&A: Make 
A Boatload Of Money Doing Your Neighbor’s Chores On TaskRabbit”( 创 始 人 访谈 : 
在 TaskRabbit 帮 邻 居 打 打 零 工 就 能 赚 大 钱 )。 
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TaskRabbit 的 核心 就 是 一 个 微 交互 :告诉 潜在 的 “TaskRabbits” 有 
什么 任务 ， 然 后 通过 TaskRabbits 出 价 。 说 明 需 要 做 什么 事 就 是 微 交 
互 。 而 整个 服务 就 建立 在 这 个 关键 ， 同 时 可 能 又 乏味 的 步骤 上 。 一 开 
始 的 时 候 ， 这 个 微 交 互 就 是 一 张 由 许多 文本 框 组 成 的 表单 ， 在 这 个 
表单 里 ， 用 户 需 要 填写 清楚 他 们 任务 的 每 一 个 细节 ( 见 图 6-1)。 但 
到 了 2011 年 ， 在 开发 团队 设计 出 更 简单 的 移动 应 用 后 ， 他 们 意识 到 
还 有 更 好 的 方法 ， 即 设置 一 组 聪明 的 默认 值 、 提 前 展示 数据 并 把 任 
务 化 整 为 零 。 正 如 文章 “TaskRabbit Task posting forms” (http://bit. 
ly/178y67D) 中 详细 介绍 的 ， 用 户 体 验 总 监 Sarah Harrison 解释 说 : 
“ 随 着 时 间 推 移 ， 我 们 有 了 很 多 任务 数据 ， 软 件 系统 也 更 完善 ， 有 条 
件 给 任务 分 类 。 这 样 就 可 以 根据 任务 类 型 设计 特定 的 表单 ， 通 过 询问 
相关 细节 、 设 置 聪明 的 默认 值 和 隐藏 无 关 的 问题 来 简化 过 程 。 
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结果 就 是 如 图 6-2 和 图 6-3 中 所 示 的 (无疑 ， 也 是 个 大 型 的 ) 微 交 
互 。 用 户 只 需 选 择 一 个 主任 务 ( 见 图 6-2) ， 然 后 微 交 互 的 下 一 步 〈 见 
图 6-3) 就 是 调整 和 修改 。 用 户 很 高 兴 。 “他们 把 创 
擎 , ”一 位 用 户 如 是 说 ,“ 他 们 在 我 想 提问 之 前 就 给 出 了 答案 。” 这 
一 个 优秀 微 交互 的 村 示 志 〈 见 图 6-4)。 


1. Basic info 2. Add details 
el 


Post a Task .» Gmme — 辣 


汀 名 审 刻 9: 
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[of] This Task does not repeat Needit done iweekly? Every tiwo weeks? 


Oo 
= We'l auto-assign the TaskRabbit who makes the best offer 


Save & Continue Next step: Add more details, locations, and name your price. 


图 6-2: 重新 设计 的 TaskRabbit 微 交 互 的 第 一 步 ( 蒙 Sarah Harrison 惠 允 使 用 ) 
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图 6-3: 填写 表单 的 第 二 


步 。 用 户 选择 了 主任 务 后 


， 微 交互 的 其 他 步骤 就 围绕 


这 个 主任 务 进行 定制 ( 蒙 Sarah Harrison 惠 允 使 用 ) 


TaskPrice for Tasks of this type 
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80 


图 6-4: TaskRabbit 提前 展示 数据 ， 


Rishi Shah 惠 允 使 用 ) 


回答 “我 该 付 多 少 钱 ? ”这 


这 个 问题 ( 蒙 


本 章 ， 我 们 要 把 此 前 讨论 的 各 个 环节 综合 起 来 ， 形 成 三 个 微 交 互 的 实 


例 ， 


一 个 用 于 设置 闸 铃 的 移动 应 用 、 


工具 和 一 个 洗 碗 机 的 控制 面板 。 


一 个 用 于 分 享 播放 列表 的 Web 小 


| 大 
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6.1 例 1: 闸 铃 移动 应 用 


第 一 个 例子 是 一 个 用 于 设置 闹 铃 的 iPhone 应 用 。 这 里 的 应 用 就 是 一 个 
微 交 互 ， 应 用 所 要 做 的 就 是 设置 曾 铃 时 间 。 


为 此 ， 首 先 要 考虑 这 个 应 用 的 目标 是 什么 ?在 指定 时 间 (通常 是 起 床 
的 时 候 ) 响 铃 。 这 不 是 设置 闸 铃 ， 而 是 一 条 规则 。 因 此 ， 我 们 把 此 时 
此 刻 知 道 的 规则 写 出 来 : 


1. 用 户 选 择 响 铃 时 间 ， 
2. 指定 时 间 到 ， 响 铃 ; 
3. 用 户 关 闭 铃声 。 


后 面 我 们 还 会 再 补充 扩展 这 些 规则 。 接 下 来 再 看 一 看 触发 器 。 


既然 是 iPhone 应 用 ， 那 触发 器 就 是 主屏 幕 上 的 一 个 图 标 ， 没 什么 可 以 
考虑 的 了 。 解 决 了 这 个 问题 ， 那 我 们 再 看 看 怎么 提前 展示 数据 。 


用 户 在 启动 这 个 微 交 互 之 前 ， 和 希望 看 到 什么 信息 呢 ? 在 这 种 情况 下 ， 
应 该 是 自己 是 不 是 设置 了 立 铃 ， 以 及 设置 的 响 铃 时 间 。 苹 果 公 司 为 在 
应 用 内 显示 信息 提供 的 机 制 是 角 标 。 于 是 ， 我 们 就 遇 到 麻烦 了 。 在 其 
他 0S 中 ， 比 如 Windows Mobile 中 ， 可 以 使 用 实时 标题 ， 因 而 可 以 
用 文字 来 写 明 是 否 设置 了 闸 铃 以 及 时 间 。 但 在 本 书写 作 时 (2013 年 3 
月 )，iOS 6 只 允许 在 角 标 中 显示 数字 ， 而 且 只 允许 显示 4 个 角 标 。 怎 
么 办 ? 如果 闻 铃 时 间 是 6:30， 可 以 在 角 标 中 显示 630， 那 要 是 12:30 
呢 ? 1230 能 表达 清楚 吗 ? 而 且 这 样 使 用 角 标 也 不 合 规则 ， 因 为 角 标 
里 的 数字 通常 都 用 来 表示 未 读 信息 的 数量 。 到 这 里 我 们 有 点 犹 光 不 决 
了 了。 另外， 如 果真 用 角 标 表示 时 间 ， 那 就 把 自己 限制 为 上 只 能 显示 一 个 
闸 铃 时 间 ， 不 能 显示 多 个 疝 铃 时 间 了 ! 这 不 一 定 是 坏事 : 只 有 一 个 曾 
铃 时 间 可 以 让 规则 更 简单 。 一 个 角 标 倒 也 可 以 显示 多 个 时 间 ， 那 就 是 
只 在 角 标 中 显示 下 一 个 曾 铃 时 间 。 但 这 样 也 会 导致 困惑 ， 而 困惑 是 微 
交互 的 大 敌 。 如 果 不 人 确定 ， 就 更 要 简单 。 因 此 ， 在 这 个 限制 解除 或 者 
开发 其 他 平台 的 应 用 之 前 ， 唯 一 能 提前 展示 的 就 是 设置 的 曾 铃 数量 。 
虽然 看 不 到 时 间 ， 但 直观 地 看 到 设置 了 几 个 疝 铃 还 是 有 点 价值 的 。 


我 们 的 触发 器 还 需要 一 个 标签 ， 在 这 里 就 是 应 用 的 名 字 。 就 叫 它 
AlarmD 吧 。 


当 用 户 触发 AlarmD 时 会 发 生 什 么 ?应 用 会 启动 ， 但 启动 后 显示 什 
么 ? 如 果 目 标 是 在 指定 时 间 响 铃 ， 那 要 么 应 该 显示 亲 铃 什么 时 候 会 
响 ， 要 么 应 该 提示 用 户 设 置 曾 铃 。 


此 时 ， 应 该 先 停 下 来 ， 问 问 自己 知道 用 户 的 哪些 信息 ， 以 便 不 从 索 开 
始 。 我 们 知道 用 户 使 用 的 平台 和 设备 ， 因 此 知道 可 以 使 用 哪些 传感器 
(相机 、 麦 克 风 、 加 速 计 、 罗 盘 )。 我 们 知道 时 间 (当然 ) 和 位 置 。 如 
果 应 用 之 前 被 使 用 过 ， 那 我 们 还 可 能 知道 之 前 设置 的 闹 铃 时 间 ， 以 及 
用 户 使 用 它 的 频率 。 用 户 每 天 都 在 同一 个 时 间 设 置 闹钟 ， 还 是 每 周 设 
置 一 次 ?我 们 还 可 能 知道 曾 钟 响 铃 后 用 户 会 怎么 做 ， 用 户 按 没 按 “ 再 
睡 一 会 儿 ”? 如 果 按 了 ， 按 过 多 少 次 ?下 面 我 们 根据 这 些 信 息 再 添加 
几 条 规则 。 


ps 


. 如 果 用 户 连 续 三 天 同一 时 间 都 设置 了 曾 铃 ， 则 在 AlarmD 启动 时 提 
示 用 户 设置 相同 时 间 的 闹钟 。 如 果 用 户 确实 按照 提示 设置 了 曾 铃 ， 
则 每 次 启动 都 给 出 同样 的 提示 ， 除 非 用 户 没 有 选择 ， 那 么 重 置 。 

. 如 果 手 机 所 在 国家 使 用 24 小 时 制 ， 则 使 用 该 格式 。 

3. 显示 用 户 设置 的 所 有 闸 铃 。 在 到 点 之 前 都 显示 剩余 时 间 (例如 ， 

“还 有 8 个 小 时 ”)。 

4. 用 户 选择 一 个 时 间 ， 则 相应 亲 铃 终止。 

5. 设置 时 间 到 ， 曾 铃 停止 。 

. 如 果 用 户 按 了 “再 睡 一 会 儿 ”， 则 5 分钟 后 再 响 铃 一 次 ， 随 后 的 多 
睡 时 间 都 比 前 一 次 少 1 分钟， 最短 为 1 分 钟 。 

7. 如 果 使 用 一 周 后 ， 若 用 户 没 按 过 一 次 “再 睡 一 会 儿 "， 则 在 响 铃 时 

去 掉 该 按钮 。 

8. 用 户 关门 铃声 。 


MD 


CN 


注意 ， 这 里 已 经 出 现 了 一 个 长 循环 (“连续 三 天 ”) 需要 使 用 系统 触发 
器 ， 以 及 一 些 短 人 循环 (“再 睡 一 会 儿 计时 ”)。 显 示 “ 还 有 8 个 小 时 ” 
是 为 了 防止 人 为 错误 ， 即 防止 用 户 过 早 地 设 定 闹 铃 ， 比 如 让 用 户 只 能 
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选择 “下 午 ” 而 不 能 选择 “上 午 "。 去 掉 “ 再 睡 一 会 儿 ” 按 钮 虽然 可 
以 减少 选项 ， 但 仍然 可 能 有 争议。 因此 有 必要 在 设置 里 提供 选项 恢复 
显示 的 按钮 。 要 是 不 在 iOS 平台 上 ， 那 我 们 可 以 在 用 户 多 睡 一 会 儿 后 
使 用 其 他 技巧 ， 比 如 后 续 响 铃 的 声音 一 次 比 一 次 大 。 但 iOS 不 允许 应 
用 控制 全 局 音量 ， 因 此 我 们 也 无 计 可 施 。 


接 下 来 再 看 一 看 控件 。 用 户 必须 能 设置 曾 铃 、 取 消 闸 铃 、 关 闭 闸 铃 、 
选择 再 睡 一 会 儿 。 这 些 都 需要 在 用 户 界面 中 提供 可 见 的 控件 ， 除 非 其 
中 有 些 功 能 可 以 用 多 点 触摸 的 手势 来 实现 。 除 了 再 睡 一 会 儿 ， 其 他 几 
项 功能 都 是 基本 功能 ， 而 再 睡 一 会 儿 的 用 户 并 不 清醒 ， 因 此 不 能 指望 
他 们 做 出 比 按 按钮 更 复杂 的 动作 。 设 置 闸 铃 时 间 是 这 里 面 最 复杂 的 一 
个 ， 其 他 几 项 都 可 以 通过 简单 的 点 按 按钮 完成 。 设 置 时 间 的 方式 有 很 
多 种 ， 比 如 使 用 内 置 的 转 轮 ( 像 苹果 的 时 钟 应 用 那样 )， 或 者 自己 写 
一 个 控件 ， 比 如 让 用 户 在 模拟 表盘 上 选择 时 间 。 


此 时 ， 我 们 又 该 暂停 一 下 ， 想 一 想 是 否 把 设置 闸 铃 时 间作 为 微 交 互 的 
标志 性 时 刻 ， 还 是 只 要 迅速 完成 就 行 。 考 虑 到 市 场 上 的 闹 铃 应 用 大 约 
有 1000 种 ， 所 以 设置 疝 铃 应 该 加 入 一 些 创意 和 乐趣 。 我 个 人 一 直 非 
向 钟 情 于 老式 火车 的 翻 牌 计时 器 ， 因 此 打算 在 这 个 应 用 里 将 其 派 上 用 
场 。 老 实说 ， 谁 会 把 闵 铃 设置 精确 到 分 钟 呢 ， 因 此 分 钟 的 翻 牌 步 长 设 
置 成 5 分 钟 即 可 。 优 化 要 着 眼 于 大 多 数 人 大 多 数 时 间 在 做 什么 。 


真正 赋予 这 个 自 定义 控件 生命 的 是 调整 它 时 给 出 的 反馈 。 这 个 计时 牌 
必须 在 时 间 牌 翻 过 时 发 出 令 人 神往 的 哗 哺 声 ， 而 且 牌 子 翻 下 来 时 要 像 
受到 重力 作用 一 样 。 另 一 个 重要 的 反馈 就 是 曾 铃 本 身 。 可 以 让 用 户 使 
用 标准 的 iPhone 声音 ， 也 可 以 让 他 们 从 自己 的 iTunes 库 中 选择 音乐 ， 
但 一 个 默认 的 、 自 定义 的 声音 是 一 定 要 有 的 。 其 他 要 准备 自 定义 声音 
的 地 方 还 有 取消 闸 铃 或 关闭 疗 铃 ， 这 时 候 应 该 是 一 种 非常 明确 的 机 械 
味 哄 声 ， 辟 如 关 煤 气 炉 的 声音 。 或 许 闸 铃 本 身 也 要 淡出 ， 而 不 是 生硬 
地 消失 。 


最 后 一 件 要 考虑 的 事件 就 是 循环 和 模式 。 很 明显 ， 闸 铃 时 间 的 设置 是 
一 个 模式 ， 因 为 只 有 一 个 动作 ， 所 以 可 以 使 用 一 次 性 模式 : 从 列表 中 


点 击 选择 一 个 曾 铃 打开， 设置 闸 铃 ， 关闭。 如 果 你 想 让 用 户 能 设置 
多 睡 多 长 时 间 ， 那 就 再 设计 一 个 传统 模式 : 设置 。 但 我 个 人 建议 不 要 
设置 模式 ， 只 要 默认 值 足够 合理 即 可 一 一 至 少 第 一 次 发 布 时 可 以 考虑 。 


说 到 循环 ， 闸 铃 可 谓 集 几 种 循环 于 一 身 。 多 睡 一 会 儿 是 计数 循环 ( 闸 
铃 在 5 分 钟 后 再 啊 ， 然 后 4 分 钟 后 再 响 ，3 分 钟 后 再 响 ， 等 等 ) ， 然 后 
是 条 件 循环 (每 过 1 分 钟 就 响 一 次 )。 事 实 上 ， 疗 铃 本 身 就 是 一 个 长 
条 件 循 环 ， 因 为 闸 铃 时 间 一 到 就 会 响 铃 ， 然 后 一 直 响 到 被 手动 关闭 。 
当然 ， 我 们 可 以 (或 许 也 应 该 ) 在 规则 中 添加 一 个 计时 器 ， 以 便 在 过 
了 一 段 时 间 (比如 10 分钟) 却 还 没 人 关闭 它 的 情况 下 ， 自 动 关 闭 。 


同样 ， 平 台 限 制 我 们 把 循环 发 挥 到 极致 。 否 则 ， 我 们 可 以 给 这 个 应 用 
再 添加 一 个 循环 ， 在 闸 铃 报时 前 2 分 钟 通过 相机 检测 房间 的 灯光 。 如 
果 房 间 光 线 暗 ， 两 分 钟 后 逐渐 提高 手机 屏幕 的 亮度 ， 以 便 在 阅 铃 响起 
时 ， 房 间 能 更 亮 一 些 。 然 而 ，iOS 应 用 是 不 能 自己 启动 的 。( 这 条 系统 
规则 是 有 一 定 原因 的 ， 主 要 是 为 了 防止 滥用 。) 只 响 闹 铃 ， 功 能 差 得 
就 有 点 远 了 。 


还 有 几 个 内 置 的 长 循环 : 用 户 重复 设置 闹 铃 时 的 提示 ， 以 及 满足 条 件 
时 隐藏 “多 睡 一 会 儿 ” 按 钮 。 我 们 (有意) 没有 提 到 的 一 件 事 ， 就 是 
用 户 怎 么 创建 重复 的 曾 铃 ， 也 就 是 循环 闹 铃 。 如 果 考 虑 这 个 功能 ， 那 
么 应 用 的 复杂 性 就 会 增加 很 多 。 不 过 ， 其 中 一 些 复杂 性 已 经 转移 到 微 
交互 自身 ， 也 就 是 那个 从 一 开始 就 重复 检查 用 户 是 否 设置 了 相同 闸 铃 
的 长 循环 。 还 可 以 给 这 个 循环 增加 一 些小 细节 ， 比 如 检查 当前 是 工作 
日 还 是 周末 ， 并 给 出 相应 提示 ， 但 为 了 保证 规则 简单 ， 到 此 为 止 即 可 。 


这 就 是 我 们 使 用 本 书 介绍 的 原理 设计 的 第 一 个 实例 。 下 面 我 们 再 试 
下 


6.2 例 2: 在 线 共享 播放 列表 


我 们 要 分 析 的 第 二 个 实例 是 一 个 在 线 音乐 服务 (当然 是 虚构 的 )。 假 
设 这 个 音乐 服务 中 有 一 项 功能 ， 即 共享 播放 列表 ， 用 户 和 自己 的 朋友 


142 | 第 6 章 


可 以 通过 它 互 相 推荐 歌曲 。 另 外 ， 我 们 还 假设 这 个 服务 已 经 非常 完 
善 ， 因 此 可 以 分 享 其 他 服务 甚至 iTunes 等 桌面 应 用 中 的 歌曲 。 最 后 ， 
假设 除了 播放 列表 之 外 ， 还 有 添加 朋友 和 播放 音乐 等 微 交互 。 


首先 还 是 从 目标 开始 。 人 们 之 所 以 想 使 用 这 个 微 交 互 ， 原因 有 两 个 : 
发 现 新 音乐 和 共享 音乐 。 当 然 ， 使 用 这 个 微 交 互 背 后 的 原因 ， 可 能 是 
希望 告诉 朋友 你 当前 的 心情 ,或 者 向 别人 显摆 自己 的 音乐 品味 。 潜 在 
的 使 用 动机 同样 很 重要 。 


下 面 先 把 基本 的 规则 写 下 来 : 


1. 如 果 收 到 一 首 新 歌 ， 把 它 添 加 到 播放 列表 ， 
2. 用 户 向 播放 列表 中 添加 歌曲 ; 
3. 新 添加 的 歌曲 放 在 列表 底部 。 


这 里 的 微 交 互 有 两 个 触发 器 : 添加 歌曲 (手动 触发 器 ) 和 朋友 远程 添 
加 歌曲 〈 系 统 触发 器 )。 先 说 手动 触发 器 。 如 果 假 设 用 户 能 在 屏幕 上 
看 到 播放 列表 中 的 歌曲 ， 那 么 用 户 怎 么 知道 是 否 可 以 向 里 面 添加 歌曲 
呢 ? 因为 这 个 服务 支持 从 任何 地 方 添加 歌曲 ， 而 且 系 统 也 足够 智能 ， 
可 以 找到 所 有 人 都 能 听 的 一 个 版 本 ， 所 以 让 用 户 把 歌曲 拖 到 播放 列表 
中 看 似 靠 谱 。 至 于 怎么 让 用 户 知道 ， 或 许可 以 在 播放 列表 顶部 预 留 一 
个 空位 ， 写 上 “把 歌曲 拖 到 这 里 来 "。 等 用 户 把 歌曲 拖 进 播放 列表 后 ， 
可 以 再 改 标签 ， 比 如 改 成 “你 正在 听 什 么 歌 ? ”或 者 轮流 显示 儿 个 标 
签 ， 比 如 “今天 的 主打 是 什么 ? ”或 “今天 听 起 来 像 什么 ? ” 


还 需要 考虑 其 他 手动 触发 器 吗 ? 如果 音乐 服务 有 菜单 栏 ， 那 还 可 以 添 
加 一 个 表单 项 :“ 添 加 到 共享 播放 列表 ”。 当 然 ， 只 有 用 户 在 服务 中 选 
中 歌曲 后 ， 这 个 菜单 项 才能 起 作用 。 假 如 没有 选中 歌曲 ， 就 打开 一 个 
对 话 框 ， 让 用 户 在 里 面 搜索 (音乐) 文件。 考虑 到 要 把 微 交互 做 得 轻 
松 好 玩 ， 这 样 显然 很 生 拙 ， 而 且 操 作 也 太 麻 烦 了 。 因 此 ， 我 们 还 是 只 
保留 “添加 到 共享 播放 列表 ”菜单 项 ， 而 且 让 它 在 选中 当前 服务 中 歌 
曲 的 情况 下 能 用 。 至 于 服务 之 外 的 歌曲 ， 只 能 拖 到 播放 列表 中 来 。 另 
外 ， 再 添加 一 个 快捷 键 ， 让 经 常 使 用 的 用 户 只 需 选 择 歌曲 然后 按 个 键 
就 能 添加 ， 而 不 用 去 找 菜单 并 进行 拖 放 。 


我 们 实际 上 还 可 以 允许 用 户 通过 输入 歌曲 名 (或 者 艺术 家 的 名 字 ) 来 
添加 歌曲 。 不 过 ， 触 发 器 越 不 一 样 ， 微 交互 就 越 复 杂 。 再 者 说 ， 输 入 
歌 名 也 不 是 向 播放 列表 中 添加 歌曲 的 非常 标准 的 方式 。 


把 歌曲 添加 到 播放 列表 ， 特 别 是 添加 来 自 朋友 推荐 的 歌曲 时 ， 一 定 要 
给 出 某 种 反馈 ， 比 如 利用 动画 效果 。 整 个 播放 列表 应 该 下 移 一 个 位 
置 ， 新 歌 从 顶部 落下 ， 清 入 时 伴随 着 悦耳 的 叮 铃声 。 既 然 是 一 款 音 乐 
应 用 ， 上 听觉 反馈 当然 是 首选 。 


还 有 一 个 朋友 向 播放 列表 中 添加 歌曲 的 系统 触发 器 。 如 果 你 的 浏览 器 
的 当前 标签 页 正 打 开 着 这 个 服务 ， 当 然 应 该 看 〈 并 听 ) 到 有 歌曲 进 
来 。 如 果 当 前 标签 页 中 不 是 这 个 服务 ， 那 稍微 改 一 改 浏览 器 标签 可 能 
也 挺 好 玩 ， 也 就 是 将 它 作为 一 个 事件 指示 器 。 为 此 ， 可 以 用 带 笑脸 的 
音符 作为 “ 角 标 ”， 就 叫 它 Notesy 吧 。 


如 果 用 户 真 的 拖 动 一 首 歌 到 播放 列表 中 ， 那 系统 可 能 得 花 点 时 间 查 找 
匹配 的 歌曲 。 虽 然 可 以 使 用 常规 的 旋转 图 标 ， 但 为 什么 不 来 点 新 意 
呢 ? 反馈 可 是 塑造 个 性 化 的 好 机 会 。 我 们 要 使 用 被 人 忽视 的 东西 ， 在 
加 载 指 示 器 里 再 次 使 用 Notesy。 比 如 ， 可 以 让 Notesy 像 是 在 “四 处 
寻找 "， 然 后 找到 了 就 显示 笑脸 。 


如 果 找 到 了 不 同 的 版 本 或 不 太 确 定 的 结果 ， 系 统 可 能 必须 给 出 多 个 选 
项 。 如 果 只 找到 一 个 匹配 结果 ， 而 且 (或 者 ) 艺术 家 的 名 字 与 歌曲 名 
都 完全 一 样 ， 则 应 该 直接 把 该 歌曲 添加 到 播放 列表 中 。 否 则 ， 就 应 该 
给 出 可 能 的 匹配 结果 。 展 示 可 能 的 匹配 结果 就 要 用 到 算法 了 。 因 为 不 
想 让 用 户 太 麻烦 ， 所 以 我 们 最 多 只 提供 3 个 匹配 结果 。 考 虑 到 亏 术 家 
的 名 字 正 确 的 可 能 性 更 大 ， 可 以 将 其 作为 算法 中 的 排序 因子 ， 即 匹配 
该 艺术 家 的 歌曲 优先 。 如 果 3 个 结果 都 不 正确 ， 可 以 提供 一 种 机 制 ， 
让 用 户 再 调 出 3 个 结果 来 。 如 果 系 统 找 不 到 任何 匹配 项 ，Notesy 可 以 
消失 并 显示 哭 脸 。 


此 时 ， 可 以 考虑 是 不 是 允许 用 户 从 共享 播放 列表 中 删除 歌曲 了 。 我 们 
假设 (在 最 坏 的 情形 下 ) 不 给 用 户 提 供 控 件 删 除 自己 不 喜欢 的 歌曲 ， 
再 假设 用 户 不 能 对 播放 列表 中 的 歌曲 进行 排序 。 或 许 等 到 产品 测试 其 


Je 
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至 发 布 时 ， 我 们 才 会 发 现 这 些 都 是 影响 推广 和 使 用 服务 的 致命 问题 ， 
但 至 少 现在 能 让 规则 更 简单 一 点 。 


下 面 来 看 看 规则 变 成 什么 样 了 。 


1. 如 果 有 新 歌 到 来 ， 把 它 添加 到 播放 列表 中 ; 在 浏览 器 标签 中 显示 
Notesy。 

2. 用 户 可 以 把 歌曲 拖 动 到 播放 列表 顶部 或 通过 选择 歌曲 再 使 用 “添加 
到 播放 列表 ”菜单 项 (或 者 使 用 键盘 快捷 键 ) 来 添加 歌曲 。 

3. 添加 了 新 歌 后 ， 搜 索 匹 配 结果 。 如 果 找 到 了 匹配 的 歌曲 ， 以 三 个 一 组 
的 形式 显示 给 用 户 ， 让 用 户 选 择 正确 的 一 个 。 如 果 没 有 (找到 ) 匹配 
的 歌曲 ， 显 示 哭 脸 Notesy。 

4. 把 新 歌 添加 到 播放 列表 的 末尾 (顶部 )， 并 按照 添加 时 间 排 序 。 


我 们 这 个 微 交 互 还 能 从 哪些 方向 改进 ?有 什么 数据 值得 提示 展示 ?好 
吧 ， 如 果 能 知道 播放 列表 中 的 歌曲 是 谁 的 ， 以 及 它们 加 入 播放 列表 的 
时 间 肯 定 更 好 了 。 播 放 列 表 的 总 时 间 和 总 数量 也 是 有 用 的 信息 。 另 
外 ， 能 给 添加 歌曲 的 人 发 送 有 关 该 歌曲 的 简短 评论 (“这 可 不 是 80 后 
们 的 歌 ! ”) 大 概 也 是 一 个 可 以 考虑 的 微 交 互 。 


使 用 一 个 长 循环 来 鼓励 用 户 维护 歌曲 是 吸引 用 户 的 重要 手段 。 为 此 ， 
可 以 显示 用 户 贡 献 的 最 后 日 期 和 时 间 ， 作 为 一 个 间接 的 提醒 ， 或 者 干 
脆 直 接 通 过 Dropbox 标签 向 用 户 伸手 :“ 快 来 添加 歌曲 吧 !1 ” 

微 交 互 到 什么 时 候 结 束 呢 ? 实际 上 ， 用 户 登 录 这 个 服务 的 时 间 就 是 它 
生命 的 上 限 。 当 然 还 应 该 限制 一 下 播放 列表 中 歌曲 的 数量 ，30 首 歌 好 
像 比 较 合理 。 


这 个 微 交 互 到 这 里 就 讲 完 了 。 下 一 个 实例 ， 我 们 讲 一 讲 微 交互 设备 。 


6.3 例 3: 洗 碗 机 控制 面板 


最 后 一 个 实例 是 设计 一 个 廉价 洗 碗 机 控制 面板 ， 面 临 的 挑战 是 洗 碗 机 
没有 显示 屏 。 假 设 这 是 一 个 非常 简单 的 洗 碗 机 ， 有 一 个 发 声 的 喇叭 和 


一 个 设置 不 同 洗涤 时 间 的 装置 。 再 假设 我 们 知道 大 多 数 用 户 想 要 选 什 
么 时 间 ， 而 且 选 项 不 多 ， 只 有 4 个 。 


洗 碗 的 目标 是 清洁 盘子 、 玻 璃 制品 和 银 器 。 因 此 ， 基 本 规则 如 下 : 


1. 用 户 把 盘子 和 洗涤 剂 放 到 洗 碗 机 里 ， 然 后 关上 机 门 ， 
2. 用 户 选 择 洗涤 时 间 并 局 动 洗 碗 机 ， 
3. 洗 碗 机 洗盘 子 。 


触发 器 在 这 里 非常 重要 ， 稍 后 我 们 还 会 提 到 。 首 先 ， 我 们 看 看 自己 都 
知道 些 什么 ， 以 便 不 从 零 开 始 。 我们 应 该 能 知道 时 间 ( 洗 碗 时 长 )、 
用 户 的 上 一 次 设置 和 用 户 什 么 时 候 做 出 了 什么 选择 等 历史 数据 。 既 然 
是 廉价 洗 碗 机 ， 那 其 他 传感器 就 不 可 能 内 置 了 (设置 内 部 还 是 有 基本 
的 传感器 )。 因 此 ， 可 以 说 它 是 个 哑 设 备 。 我 们 尽管 可 以 不 从 零 开 始 ， 
但 所 能 知道 的 也 非常 有 限 。 


可 以 提前 展示 的 数据 包括 洗 碗 机 是 否 在 工作 、 工 作 了 多 长 时 间 和 还 有 
多 长 时 间 洗 涤 完 毕 。 大 多 数 人 都 不 太 关 心 洗 碗 机 工作 了 多 长 时 间 ， 但 
都 想 知 道 还 有 多 长 时 间 洗 涤 完 毕 。 由 于 没有 显示 屏 ， 必 须 想 别 的 方法 
来 传达 这 个 信息 。 或 许 我 们 可 以 在 这 里 使 用 被 人 忽视 的 东西 。 


下 面 考 虑 控件 。 我 们 知道 (至少 ) 有 两 个 控件 : 洗 碗 机 开关 和 洗涤 时 
间 设 定 装 置 。 开 关 就 用 一 个 按钮 即 可 ， 而 每 个 洗涤 时 间 也 可 以 分 别 用 
一 个 按钮 设 定 。 这 样 设计 操作 起 来 肯定 简单 : 一 个 按钮 全 都 搞定 ， 或 
许配 合 一 个 点 亮 的 LED 灯 或 环绕 按钮 表示 用 户 选择 了 哪个 时 间 ， 让 另 
一 个 点 亮 的 LED 灯 或 环绕 开关 按钮 表示 洗 碗 机 在 运转 。 但 这 些 控件 无 
法 帮 我 们 提前 展示 数据 。 为 此 必须 再 添加 一 种 显示 装置 ， 用 于 表示 洗 
涤 工作 什么 时 候 结束 ， 比 如 一 个 细 条 状 的 LED 灯 ， 开 始 时 点 亮 ， 结 束 
时 熄灭 。 


另 一 种 设计 思路 是 使 用 旋钮 ， 与 洗衣 机 上 的 装置 类 似 。 用 户 通过 旋转 
旋钮 设置 时 间 ， 然 后 拉 出 或 按 下 旋钮 启动 洗 碗 机 。 随 着 时 间 推 移 ， 旋 
钮 同步 旋转 ， 洗 涤 结 束 后 停止 。 更 进一步 ， 可 以 利用 旋钮 与 机 体 间 的 
缝隙 ， 甚 至 旋钮 上 的 开 槽 作为 LED 计时 器 。 与 一 排 按钮 相 比 ， 一 个 旋 
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钮 看 起 来 要 简单 得 多 。 


然而 ， 旋 钮 常常 令 人 讨厌 ， 虽 然 我 们 的 洗 碗 机 价格 不 贵 ， 但 我 们 不 希望 
它 让 人 讨厌 。 旋 钮 通常 是 凸 起 的 ， 但 我 们 希望 洗 碗 机 的 控制 面板 是 平 
的 ， 以 免 用 户 不 小 心 碰 到 。 而 且 ， 人 们 使 用 洗衣 机 时 通常 关心 它 已 经 工 
作 了 多 长 时 间 ， 但 使 用 洗 碗 机 则 更 多 想 知 道 还 有 多 长 时 间 洗 涤 结 束 。 
不 要 反馈 用 户 不 关心 的 信息 。 因 此 ， 我 们 就 设计 一 排 按钮 (也许 是 那 
种 可 爱 的 电容 式 按钮 )， 每 个 按钮 对 应 一 个 洗涤 时 间 。 从 左 到 右 ， 先 是 
最 长 时 间 的 按钮 (炊事 用 具 )， 一 直到 最 短 时 间 的 按钮 (快速 清洗 )， 
然后 再 阳 开 一 点 是 “启动 ”按钮 。 每 个 按钮 的 标签 是 对 应 的 时 间 适 合 
清洗 的 餐具 (或 “启动 *)。 在 时 间 按 钮 下 方 ， 可 以 放 条 状 LED 灯 。 


如 果 要 用 一 句 话 来 描述 我 们 的 微 交 互 ， 既 要 有 意义 ， 还 要 体现 出 名 词 
和 动词 ， 该 怎么 说 呢 ?” 用 户 选 择 时 间 按 钮 并 点 亮 LED 光 条 ， 然 后 按 
下 “启动 ”按钮 ，LED 光 条 开始 倒计时 。 看 看 这 和 句 话 里 的 名 词 ， 其 
中 每 个 按钮 都 有 两 种 可 能 的 状态 : 被 按 或 没 被 按 。 看 起 来 相同 的 元 素 
其 行为 也 应 该 相同 ， 因 此 我 们 要 给 每 个 被 按 下 的 按钮 加 上 一 圈 和 柔和 的 
光环 ， 当 然 时 间 按 钮 的 光环 与 “启动 ”按钮 的 光环 颜色 可 能 不 同 。 但 
是 给 每 个 时 间 按 钮 都 设计 一 种 颜色 ， 这 可 能 就 有 点 过 度 设计 了 。 根 据 
“提示 用 户 最 可 能 采取 的 下 一 个 动作 ”原理 ， 在 用 户 按 下 某 个 时 间 按 
钮 后 ,“ 启 动 ”按钮 应 该 想 办 法 吸引 用 户 ， 因 为 按 “ 启 动 ”是 流程 中 
的 下 一 步 。 


考虑 到 LED 光 条 显示 的 是 到 洗 碗 机 停止 工作 为 止 的 倒计时 (属于 计数 
循环 ) ， 甚 颜色 应 该 与 “局 动 ”按钮 的 一 致 。 而 且 ， 这 个 LED 进度 条 
也 可 以 分 成 几 段 ， 每 段 大 约 代表 15 分 钟 一 一 我 们 可 能 无 法 知道 确切 的 
时 间 ， 因 为 有 些 清洗 选项 (比如 “自动 清洗 ”) 的 时 间 取 决 于 内 部 传 
感 器 。 如 果 洗 涤 完 的 水 还 很 脏 ， 那 可 能 就 会 再 洗 一 遍 。 


到 现在 ， 我 们 还 没有 考虑 洗 碗 机 停止 工作 时 怎么 给 出 怎样 的 反馈 ， 这 
个 反馈 其 实 非常 重要 ， 而 且 也 是 微 交 互 的 规则 之 一 。 别 忘 了 这 个 微 交 
互 的 目标 就 是 清洗 餐具 ， 清 洗 结束 、 目 标 达成 时 ， 用 户 应 该 知道 。 洗 
碗 机 有 个 喇叭 ， 因 此 一 种 方案 就 是 在 清洗 结束 时 播放 “标志 性 声音 ” 


(比如 “ 噶 味 ”之 类 的 )。 但 不 能 假设 用 户 一 定 能 听 到 ， 而 我 们 也 绝 不 
想 循环 播放 这 个 声音 ， 直 到 用 户 打 开机 门 或 重 置 时 才 停 止 。( 哎 ， 什 么 
“ 重 置 ” 啊 ? 别 急 ,一会儿 我 们 会 说 到 。) 好 ， 就 让 工作 期 间 的 “启动 ” 
按钮 和 LED 光 条 显示 为 红色 ， 工 作 结 束 时 LED 光 条 熄灭 ,“ 局 动 ” 按 
钮 的 光环 变 成 绿色 〈 考 虑 到 色 宣 用 户 ， 或 许 变 成 蓝 色 更 好 ) ， 表 示 清 洗 
完成 。 局 动 ”按钮 到 现在 已 经 有 了 4 种 状态 : 关闭 、 按 我 、 工 作 和 完 
成 。 只 要 用 户 打 开 洗 碗 机 的 机 门 ， 就 重 置 回 关闭 状态 。 


现在 说 一 说 重 置 。 要 知道 ， 有 时 候 洗 碗 机 可 能 不 会 像 我 们 期 望 的 那样 
顺利 工作 。 洗 碗 机 正在 工作 的 时 候 ， 用 户 可 能 会 打开 机 门 ， 而 且 一 
直 开 着 。 我 们 或 许可 以 运用 防 采 原理 ， 在 洗 碗 机 工作 期 间 把 机 门 锁 
住 ， 但 这 样 做 好 像 限 制 得 有 点 过 了 。 为 此 ， 我 们 需要 一 些 有 关 开门 的 
规则 和 一 个 重 置 洗 碗 机 的 方法 。 可 以 单独 设计 一 个 重 置 按钮 ， 因 为 这 
个 按钮 与 其 他 按钮 作用 不 一 样 ， 而 我 们 不 想 让 按钮 看 起 来 相同 但 行为 
不 同 ， 所 以 这 个 按钮 看 起 来 也 应 该 跟 其 他 按钮 不 一 样 。 另 一 种 方案 是 
在 “启动 ”按钮 上 添加 弹 菇 模式 ， 即 按 住 “启动 ”按钮 不 放 触 发 重 
置 。 我 更 喜欢 这 个 方案 ， 因 为 如 果 没 有 更 好 的 理由 ， 少 一 个 不 常用 的 
按钮 总 比 多 一 个 更 好 。 这 样 就 可 以 用 更 好 的 名 词 实 现 更 多 的 动词 。 不 
过 ， 这 样 也 会 让 重 置 操作 不 够 明显 。 为 此 可 以 在 下 面 添加 一 个 标签 : 
“ 按 住 重 置 "。 另 外 ， 可 能 还 要 添加 一 个 循环 ， 在 机 门 打开 超过 一 定时 
间 后 自动 重 置 。 


现在 唯一 的 问题 就 是 我 们 怎么 做 到 不 从 零 开 始 。 可 以 记录 用 户 上 一 次 
选择 的 洗涤 时 间 以 及 什么 时 候 做 的 选择 ， 但 这 些 信息 有 没有 用 还 不 太 
清楚 。 没 错 ， 我 们 可 以 让 洗 碗 机 保持 上 一 次 用 户 选 择 的 时 间 ， 按 4 个 
时 间 按 钮 计 ， 这 样 可 能 会 节省 用 户 按时 间 按 钮 时 25% 的 时 间 〈 前 提 是 
使 用 4 个 按钮 的 机 会 均等 ,但 这 是 不 可 能 的 )。 好 像 可 以 在 这 里 添加 
一 个 长 循环 ， 判 断 哪 次 按 下 的 按钮 可 以 不 保存 。 但 这 样 又 会 导致 微 交 
互 的 行为 不 一 致 : 有 时 候 某 个 按钮 的 灯会 自动 点 亮 ， 有 时 候 又 疫 有 灯 
亮 。 要么 记 住 最 后 一 次 按 了 哪个 按钮 ， 要 么 就 都 别 记 。 


以 下 是 我 们 考虑 所 有 细 市 之 后 设计 的 规则 。 
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. 用 户 把 盘子 和 洗涤 剂 放 到 洗 碗 机 里 ， 然 后 关上 机 门 。 
. 除非 “ 重 置 ”， 否 则 使 用 上 一 次 的 时 间 计 时 ，LED 进度 条 点 亮 ,“ 局 
动 ” 按 钮 闪烁 (“ 按 我 ”状态 )。 


iD 
| 


3. 用 户 可 以 重新 选择 洗涤 时 间 ， 进 而 修改 LED 进度 条 的 计时 时 长 。 
4. 用 户 按 下 “启动 ” 按 钮 ,“ 局 动 ”按钮 显示 红色 光环 (“工作 ” 状 
态 )。 


5. 洗 碗 机 洗盘 子 。LED 进度 条 倒计时 。 

. 如 果 机 门 被 打开 ， 和 暂停 计时 。 在 机 门 重新 关上 时 ， 人 恢复 计时 。 如 果 
机 门 打 开 超 过 1 小 时 ， 重 置 。 

. 洗涤 完成 后 ， 时 间 按 钮 和 进度 条 的 灯光 熄灭 。 “局 动 ” 按 钮 显示 绿 
色光 环 (“完成 ”状态 )。 

. 机 门 被 打开 时 ,“ 启 动 ”按钮 切换 为 “关闭 ”状态 。 

9. 任何 时 候 ， 如 果 用 户 按 下 “启动 ”按钮 并 保持 3 秒 钟 ， 微 交互 重 
置 ， 洗 涤 作 业 停 止 。 所 有 按钮 恢复 到 关闭 状态 ， 进 度 条 计时 清 零 。 


这 里 并 没有 使 用 内 置 的 喇叭 给 出 额外 的 反馈 。( 假 如 它 是 个 高 端 家 电 ， 
或 许 还 可 以 使 用 触觉 反馈 。) 但 实际 上 ， 的 确 有 几 个 时 间 点 需要 通过 
声音 来 强调 动作 。 特 别 是 ， 如 果 我 们 使 用 的 是 电容 式 按钮 ， 可 以 用 声 
音 来 模拟 按钮 被 按 下 时 的 音响 效果 。 按 “局 动 ” 肯 定 要 使 用 耳 标 ， 而 
且 必 须 是 “标志 性 声音 "。 同 样 地 ， 洗 涤 结 束 时 似乎 也 应 该 配 一 个 耳 
标 ， 但 这 个 声音 如 果 半 夜 在 一 个 空房 间 里 响起 ， 会 不 会 让 人 讨厌 呢 ? 
假如 我 们 设计 的 是 一 台 造 价 更 高 的 洗 碗 机 ， 那 就 可 以 考虑 用 程序 检测 
时 间 (通过 网 络 )、 房 间 亮 度 (通过 光线 传感器 )， 其 至 房间 里 的 物体 
移动 (通过 运动 传感器 )。 这 样 ， 就 可 以 只 在 用 户 没 有 睡觉 并 且 就 在 
附近 的 情况 下 播放 耳 标 了 。 可 惜 ， 我 们 设计 的 不 是 这 一 款 。 

好 啦 ， 我 们 儿 个 微 交 互 的 例子 到 现在 都 讲 完 了 。 希 望 这 儿 个 实例 分 析 
能 让 读者 理解 本 书 介绍 的 有 关 微 交互 的 结构 和 法 则 。 


6.4 微 交 互 的 原型 与 文档 


任何 产品 的 文档 和 原型 都 是 为 了 达到 一 个 目的 : 告诉 别人 它 怎 么 (或 


CN 


~ 


Co 


应 


该 
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怎么 ) 工作 。 对 微 交 互 而 言 ， 最 难 传达 的 是 整体 流程 : 所 有 细 方 
么 联系 到 一 起 的 。 微 交互 的 整体 流程 决定 了 它 给 人 的 印象 。 


要 向 人 传达 整体 流程 ， 主 要 有 以 下 儿 种 手段 。 


。 构建 原型 
如 果 你 的 技术 能 力 足够 或 者 有 这 个 条 件 ， 那 么 在 目标 平台 上 构建 产 
品 的 原型 ， 应 该 是 最 容易 让 人 理解 微 交 互 流程 的 手段 。 不 过 ， 这 种 
方式 可 能 也 最 花 时 间 。 


。 拍 成 电影 
电影 可 以 传达 时 间 概 念 和 工作 流程 。 可 以 使 用 AfterEffect 等 视频 
和 后 期 制作 软件 来 编辑 ( 见 图 6-5) ， 也 可 以 做 成 动画 ， 比 如 使 用 
HTIML3 。 


图 6-5: 原型 影片 的 静止 画面 。 左 侧 的 暂停 按钮 可 以 把 一 个 暂停 图 标 “ 发 射 ” 
到 屏幕 上 〈 蒙 BERG London 惠 允 使 用 ) 


多 帧 故事 板 

还 可 以 通过 一 组 相互 联系 的 故事 板 来 展示 微 交 互 ( 见 图 6-6) 。 虽 然 
这 种 方式 不 能 准确 地 展示 时 间 长 短 ， 但 至 少 可 以 演示 某 个 使 用 情境 
下 不 同 状态 之 间 的 变化 。 
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图 6-6: 多 帧 故事 板 的 示例 

解释 微 交 互 最 差劲 的 方案 可 能 就 是 屏幕 截图 了 。 屏 幕 截图 只 能 传达 很 
少 的 微 交 互 流程 信息 ， 而 且 常 常 不 能 帮助 人 们 理解 它 的 上 下 文 信息 。 
最 好 的 文档 要 讲 故 事 ， 通 过 情节 告诉 人 们 发 生 了 什么 和 为 什么 会 发 生 。 


AS 用。 Kowitz 的 文章 “Why good storytelling helps you design great 
products”( 为 什么 讲 好 故事 能 帮 你 设计 出 优秀 的 产品 ) : 
http:Wt.cn/zTV6KF3 。 


Ey 四 要 了 解 更 多 关于 以 故事 为 中 心 的 设计 方法 ， 请 参见 Braden 
A 

& 

4 


如 果 必 须 得 使 用 屏幕 截图 或 线 框图 ， 别 忘 了 一 定 要 包含 关键 帧 。 关 键 
帧 是 动画 片 中 的 一 个 概念 ， 指 的 是 由 资深 动画 师 绘 制 的 关键 画面 (所 
以 才 叫 关键 帧 )。 而 这 些 关 键 帧 之 间 的 过 渡 画 面 ， 则 留 给 那些 初级 动 
画师 去 填 绘 。 对 于 微 交 互 而 言 ， 关 键 帧 可 能 包括 触发 器 、 规 则 中 的 某 
个 重要 时 刻 和 微 交 互 的 结束 画面 。 


一 般 来 说 ， 多 种 方法 并 用 可 以 更 好 地 解释 微 交 互 (http://t.cn/zQHdcRa)。 


比如 用 原型 或 电影 表明 时 间 概 念 ， 用 多 帧 故事 板 展 示 细 节 和 使 用 情 
境 ， 而 用 带 关键 帧 的 线 框图 来 说 明 复杂 的 规则 。 


pA se 
6.5 ”编排 微 交互 
除非 是 很 特别 的 应 用 或 设备 ， 否 则 微 交 互 很 少 有 独立 存在 的 。 更 多 情 
况 下 ， 微 交互 会 处 在 一 个 较 大 功能 的 周边 、 内 部 ， 其 至 核心 。 比 如 本 
章 开 头 介 绍 的 TaskRabbit 的 “Post a Task” (发 表 任 务 ) 微 交互 。 


在 设计 非 独 立 存在 的 微 交 互 时 ， 第 一 件 事 就 是 搞 清 楚 它 与 功能 的 关 
系 。 微 交互 是 用 于 启动 功能 (登录 )、 实 现 控 制 ( 视 频 播放 器 上 的 按 
钮 )， 还 是 出 现在 功能 里 面 (格式 化 工具 )， 或 者 结束 功能 (关闭 开 
关 ) ? 每 种 情况 下 的 触发 器 可 能 都 不 一 样 。 第 二 件 事 就 是 确定 微 交 互 
的 存续 时 间 。 和 暂停 按钮 可 能 只 要 应 用 开 着 就 会 一 直 显 示 ， 而 格式 化 工 
具 或 许 只 会 在 用 户 执行 特定 操作 时 才 有 必要 出 现 。 


然后 ， 就 是 考虑 微 交 互 是 否 应 该 成 为 “标志 性 时 刻 ”; 换 句 话说， 它 
是 否 应 该 让 人 记 住 。 大 多 数 情况 下 ， 答 案 都 是 不 必 ， 而 且 应 该 不 必 。 
当然 ， 它 应 该 有 亲和力 (这 是 本 书 所 要 强调 的 )， 但 高 效率 和 不 费事 
才 是 它 的 目标 。 特 别 是 在 微 交 互 本 身 就 承载 了 整个 产品 目标 的 情况 下 
(比如 用 户 在 能 使 用 应 用 之 前 首先 遇 到 的 登录 微 交 互 )， 更 是 如 此 。 


6.5.1 微 交互 与 功能 

微 交 互 也 可 以 触发 其 他 微 交互 ， 因 而 存在 一 种 “花环 ”效应 ， 即 前 一 
个 微 交互 触发 后 一 个 微 交 互 ， 如 此 环 环 相 扣 。 比 如 ， 打 开设 备 或 启动 
应 用 ( 微 交 互 ) 后 ， 系 统 触发 器 可 以 检查 用 户 上 一 次 使 用 应 用 的 时 
间 。 如 果 有 一 段 时 间 了 ， 就 可 以 启动 另 一 个 微 交 互 ( 欢迎 回来 ， 以 
下 是 从 上 次 使 用 x x 应 用 以 来 的 更 新 ! ”)。 


只 要 对 微 交互 精心 组 织 ， 让 一 个 微 交 互 退出 后 ， 另 一 个 微 交 互 紧 跟 着 
切入 ， 就 可 以 把 多 个 微 交 互 组 织 成 功能 。 细 节 全 在 设计 中 。 


微 交 互 与 功能 ， 在 这 里 就 像 作曲 和 配乐 ， 要 想 编排 出 好 的 功能 ， 关 键 
在 于 知道 哪些 微 交 互 应 该 突出 表现 ， 而 不 是 对 所 有 微 交 互 都 一 视 同 
仁 。 有 些 要 重要 体现 ， 有 些 就 该 作为 陪衬 。 那 么 反馈 也 要 通盘 考虑 ， 
以 便 重点 突出 ， 不 喧 宾 夺 主 。 


采用 这 种 设计 方式 ， 最 好 列 一 个 清单 ， 把 所 有 微 交 互 都 罗列 其 中 。 前 
提 是 最 好 有 一 个 任务 列表 ， 或 者 功能 需求 说 明 书 ， 然 后 据 此 提炼 出 清 
单 。 有 了 这 个 清单 ， 就 可 以 画 出 一 幅 微 交 互 地 图 ( 见 图 6-7) ， 从 而 明 
确 相 互 之 间 的 关系 。 
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图 6-7: 构成 新 闻 阅 读 器 的 所 有 微 交 互 


这 里 要 特别 注意 “交接 棒 ” 环 节 : 哪个 微 交互 触发 哪个 微 交 互 ， 在 哪 
里 退出 一 个 微 交 互 又 局 动 另 一 个 微 交 互 。 事 实 上 ， 这 种 交接 环节 对 用 
户 而 言 可 能 并 不 明显 ， 而 且 很 多 情况 下 也 不 应 该 让 用 户 察觉 。 谁 也 不 
希望 自己 的 产品 有 明显 拼凑 的 痕迹 ， 最 好 的 印象 应 该 是 一 个 密切 关联 
的 整体 。 


不 过 ， 在 微 交 互 的 基础 上 编排 功能 ， 是 很 容易 忽略 整体 的 。 在 设计 完 
每 个 微 交互 之 后 ， 必 须 再 反 过 来 想 : 怎样 才能 让 每 一 个 微 交 互 与 其 他 
微 交 互 都 能 融洽 相处 。 特 别 是 在 绘制 草图 或 线 框图 时 ， 很 容易 在 无 意 
间 造 成 两 个 微 交 互 间 的 冲突 。 比 如 说 ， 考 卡 某 个 列表 如 何 显示 时 ， 可 
能 会 与 滚动 操作 冲突 。 预 防 冲 突 的 方法 ， 就 是 在 设计 会 与 其 他 微 交 互 
接触 的 微 交 互 之 前 做 好 标记 。 

说 了 那么 多 ， 内 容 基本 上 都 是 围绕 怎么 防止 微 交 互 过 度 设 计 、 过 度 侵 
扰 用 户 的 。 但 有 时 候 ， 还 应 该 考虑 怎么 防止 它们 过 于 呆板 ， 还 要 给 它 
们 注入 一 些 灵性 。 


6.5.2 ”改进 呆板 的 微 交 互 

并 不 是 所 有 人 都 有 机 会 从 一 张 白 纸 开 始 设计 。 很 多 时 候 ， 我 们 需要 改 
进 产品 中 已 经 存在 的 微 交 互 。 当 然 ， 还 有 可 能 是 我 们 早 就 开始 了 主 功 
能 的 开发 ， 而 现在 需要 考虑 怎么 让 其 中 的 微 交 互 更 上 一 层 楼 了 。 从 哪 
儿 着 手 呢 ? 


可 以 根据 本 书 介绍 的 原理 ， 向 自己 提出 一 系列 问题 。 


这 个 微 交互 应 该 作为 “标志 性 时 刻 ” 吗 ? 换 旬 话说， 应 该 让 用 户 对 
它 过 目 不 忘 吗 ? 要求 印象 越 深 控制 和 反馈 上 就 越 要 多 下 功夫 ( 包 
括 设 计 个 性 化 控件 )。 

我 是 从 零 开 始 吗 ? 我 手头 上 有 没有 一 些 能 够 用 于 改进 微 交 互 的 用 户 
或 环境 资料 ? 

这 个 微 交 互 中 最 重要 的 数据 是 什么 ， 能 不 能 提前 展示 它 ? 用 户 不 经 
意 地 扫 一 眼 就 应 该 能 看 到 什么 ? 

设计 一 个 定义 的 控件 是 否 合适 ?” 自 定义 的 UI 是 昭示 当前 微 交 互 很 
重要 的 关键 。 

我 预防 人 为 错误 了 吗 ? 用 户 在 某 些 情况 是 不 是 可 能 导致 错误 ， 怎 么 
才能 自动 防止 这 些 错 误 发 生 ? 

我 使 用 别人 忽视 的 东西 了 吗 ? 用 户 界面 或 者 硬件 是 不 是 还 有 有 待 挖 
掘 的 地 方 ? 

可 不 可 以 给 高 级 用 户 设计 看 不 见 的 触发 器 ? 是 否 有 哪个 环节 适合 采 
用 隐藏 的 快捷 方式 〈 比 如 手势 或 快捷 键 )， 从 而 让 用 户 更 快 地 完成 
规则 ? 

文字 和 图 标 都 有 亲和力 吗 ? 微 方案 听 起 来 像 不 像 一 个 讲解 员 的 解说 
词 ? 能 不 能 增添 一 点 幽默 ? 

能 不 能 增加 一 些 动画 ， 让 界面 不 那么 静态 ? 屏幕 或 状态 切换 有 没有 
过 渡 ， 有 没有 指示 下 一 步 是 什么 的 ( 非 干 扰 性 的 ) 指示 装置 ? 

能 否 开 辟 出 额外 的 反馈 通道 ? 反馈 是 听觉 的 还 是 触觉 的 ? 

想 一 想 ， 当 用 户 第 二 次 使 用 这 个 微 交 互 时 ,应 该 看 到 什么 场景 一 一 
第 100 次 的 时 候 呢 ? 思考 一 下 该 使 用 什么 样 的 长 循环 。 
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通过 向 自己 提问 ， 并 将 答案 应 用 于 现 有 的 微 交 互 改进 ， 肯 定 能 让 它 焕 
发 生机 。 如 果真 能 如 此 ， 本 书 的 使 命 就 达成 了 。 


6.6 ” 往 小 处 想 


我 们 讲座 了 很 多 微 交 互 : 搅 黄 马 勒 《第 九 交 响 曲 》 的 闸 铃 、 支 持 数 
百 万 人 购买 纽约 地 铁 MetroCard 卡 的 触摸 屏 触 发 器 、 苹 果 乱 改 规则 而 
搞 砸 的 “另存 为 "、 老 虎 机 让 人 欲罢不能 的 反馈 ”几乎 断送 火星 探测 
器 前 途 的 循环 与 模式 ， 以 及 宠物 狗 没 饭 吃 引出 的 数 百 万 美元 的 大 买 
卖 。 小 事 同 样 重要 ， 一 直 会 ， 永 远 是 ， 而 且 今 天 尤 甚 。 


21 世纪 的 问题 多 种 多 样 。 有 些 大 型 、 系 统 的 问题 不 能 轻易 解决 ， 而 有 
些微 小 、 有 具体 的 问题 ， 如 果 解 决 得 好 ， 则 能 带 给 人 片刻 的 安宁 、 开 心 
和 成 功 的 喜悦 。 我 们 需要 能 解决 这 两 类 问题 的 人 ， 特 别 是 能 够 同时 兼 
顾 这 两 个 方面 的 人 ， 以 确保 我 们 设计 出 来 的 大 型 系统 一 一 城市 、 政 府 、 
公司 、 产 品 ， 都 是 以 人 为 本 来 建造 的 。 而 让 这 些 大 型 系统 办 泡 人 性 光 
辉 的 ， 通常 都 是 那些 看 似 微不足道 的 瞬间 ， 即 微 交 互 。 在 如 今 这 个 算 
法 和 无 人 驾驶 汽车 的 时 代 ， 人 性 光辉 愈 发 显得 珍贵 ， 应 该 成 为 我 们 上 
下 求索 的 终极 目标 。 


细节 彰显 人 文 关 怀 、 思 维 方 式 ， 以 及 关注 重点 。 而 全 人 类 共同 关心 的 
问题 ， 就 是 我 们 自身 以 及 自身 的 需求 。 通 过 微 交 互 来 满足 人 类 的 这 个 
需求 ， 是 每 一 位 设计 师 送 给 人 类 的 礼物 。 


往 小 处 想 ， 改 变 世 界 。 


附录 
测 研 微 交 互 


很 多 人 都 觉得 微 交 互 没 有 什么 好 测试 的 ， 其 至 说 测试 微 交 互 无 异 于 问 
“什么 颜色 的 自行 车 棚 好 ? ”之 类 的 问题 。 换 名 话说 : 这 不 重要 。 但 
如 果 你 把 这 本 书 看 完了 ， 那 一 定 会 觉得 微 交互 有 价值 ， 而 且 可 以 通过 
用 户 验 证 、 测 试 和 试用 来 加 以 改进 。 


微 交 互 可 以 利用 精益 UX“ 构建 > 度量 > 学习” 的 方法 体系 : 构建 
微 交互 并 测试 、 通 过 各 种 定量 和 定性 的 方法 度量 设计 、 从 对 度量 结 
果 的 分 析 中 学 习 。 然 后 ， 再 次 和 迭代“。 


真正 的 精益 UX 迭代 每 次 都 是 测试 一 个 “最 低 限 度 可 靠 的 产品 "， 检 验 
概念 (假定 ) 是 否 有 价值 。 而 对 于 微 交 互 来 说 ， 我 们 通常 假设 整个 概 
念 有 价值 ， 或 者 至 少 对 于 实现 应 用 或 设备 功能 是 必要 的 。 因 此 ， 更 多 
的 是 测试 流程 和 结构 ， 而 非 概念 。 另 一 个 与 精益 UX 不 同 的 地 方 体 现 
在 原型 忠诚 度 方面 。 微 交互 没有 最 低 限 度 的 可 测试 原型 (通常 是 纸 面 
原型 ) 这 一 说 ， 因 为 微 交 互 的 结构 非常 重要 ， 如 果 想 有 效 地 测试 它 ， 


注 1: 参见 “What color should the bike shed be?” (什么 颜色 的 自行 车 棚 好 ? ) : http://t.cn/ 
ZzQqJLov。 

注 2: 参见 Jeff Gothel 的 《精益 设计 : 设计 团队 如 何 改善 用 户 体 验 》( 人 民 邮 电 出 版 社 ， 
http://www .ituring.com.cn/book/1031)。 
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必须 把 原型 做 得 尽 可 能 与 实际 产品 一 样 。 而 且 ， 微 交互 的 触发 器 、 规 
则 、 反 馈 、 循 环 之 间 联 系 非 常 紧密 ， 不 容易 分 割 。 


在 桌面 软件 中 ， 大 多 数 微 交互 可 能 都 不 会 单独 测试 。 单 独 在 桌面 上 测 
试 微 交 互 涉及 的 建立 和 运行 测试 会 话 的 代价 ( 暂 不 提 为 测试 而 制作 原 
型 的 投入 ) 非常 大 。 此 时 的 微 交 互 测试 通常 会 与 其 他 测试 任务 集中 到 
一 起 进行 。 在 Web 应 用 中 就 不 一 定 了 ， 因 为 创建 Web 原型 很 快 、A/ 
B 测试 也 容易 ， 而 且 分 析 手 段 也 相对 较 容 易 获 得 。 移 动 应 用 的 原型 同 
样 很 容易 创建 。 如 果 整 个 应 用 就 是 微 交 互 ， 那 测试 非常 重要 ， 构 建 于 
一 个 微 交互 之 上 的 设备 同样 如 此 ， 只 不 过 制作 硬件 原型 要 麻烦 很 多 。 


假如 你 的 测试 与 统计 数据 有 关 ， 那 要 知道 由 于 微 交 互 很 小 (因而 对 它 
的 改动 多 数 情况 下 同样 也 很 小 )， 必 须 有 很 多 人 参与 测试 ， 才 能 得 到 
有 用 的 信息 。 多 少 人 才 够 ? 至少 要 儿 百 人 (其 至 上 千 人 ) 参与 才 行 ， 
通常 5~8 个 参与 者 肯定 是 不 够 的 ， 最 少 也 得 20 人 以 上 才能 得 到 一 点 
稍微 有 用 的 数据 。 如 果 是 定量 性 数据 ， 那 么 儿 百 、 儿 千 ， 甚 至 几 万 用 
户 都 很 正常 ， 很 多 网 站 的 测试 就 是 这 样 。 如 有 果 只 有 5% 的 用 户 打 开 下 
拉 菜 单 ， 而 做 出 选择 的 只 有 4.75%， 那 么 就 算 有 几 千 位 用 户 都 很 难 发 
现 这 一 点 ， 然 而 这 个 比例 却 会 极 大 影响 到 销售 和 采用 。 


除非 微 交 互 很 难 用 或 很 好 用 ， 否 则 想 通 过 定性 测试 来 探知 细微 差别 的 
有 效 性 几乎 是 不 可 能 的 。 定 量 分 析 是 唯一 实际 的 选择 。 比 如 ， 把 谷歌 
Analytics 把 “活动 ”添加 到 一 个 Web 微 交 互 中 ， 能 够 让 设计 者 精准 
地 发 现 微 交 互 的 缺点 ， 而 定性 方法 则 必须 跟踪 很 多 用 户 很 长 时 间 才 可 
以 达到 同样 的 效果 。 如 果 你 的 测试 不 依赖 统计 数据 ， 那 么 即使 测试 几 
个 参与 者 ， 也 可 以 得 出 结论 。 


与 所 有 产品 测试 一 样 ， 还 应 该 提防 由 测试 本 身 导致 的 所 谓 的 “情境 错 
误 "。 由 于 测试 是 虚构 的 、 人 为 搭建 的 情境 ， 测 试 人 员 根 据 安排 引导 
用 户 的 过 程 中 ， 可 能 会 导致 和 上 暴露 一 些 正常 情况 下 不 会 发 生 的 错误 和 
问题 。 举 一 个 小 例子 : 中 止 询问 或 回答 问题 ， 可 能 导致 错过 非常 重要 
的 反馈 。 
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A.1 测试 中 的 注意 事项 


测试 必须 验证 以 下 4 个 最 重要 的 方面 。 


你 真正 理解 了 微 交 互 的 目标 ， 而 不 仅仅 是 过 程 中 的 一 个 环节 。 设 置 
状态 消息 的 关键 不 于 在 字体 ， 而 在 于 沟通 。 理 解 这 一 点 可 以 帮 你 解 
决 任何 强调 相关 的 问题 ， 无 论 问题 在 微 交 互 自 身 ， 还 是 在 整个 产 
品 一 一 这 个 微 交 互 对 整个 产品 的 用 户 体验 有 多 重要 ? 

你 真正 理解 什么 数据 是 重要 的 。 你 需要 知道 什么 数据 可 以 提前 展示 ， 
哪 种 上 下 文 相关 的 行为 对 微 交 互 有 用 ， 可 以 重复 使 用 。 

某 些 微 方 案 是 否 必 要 ， 如 果 是 ， 那 它 是 否 清晰 易 懂 。 这 既 包 括 说 明 
性 的 方案 ， 也 包括 标签 。 

时 间 与 流程 。 微 交互 的 运行 时 间 是 不 是 太 长 了 ? 循环 是 不 是 大 长 
了 ? 或 者 ， 是 不 是 太 短 了 ?时间 跨度 太 长 的 长 循环 很 难 测 试 ， 除 非 
你 想 做 长 线 调查 ， 而 大 多 数 开发 人 员 是 不 会 这 样 做 的 。 


前 两 个 方面 的 信息 可 以 通过 对 话 和 访谈 来 收集 。 第 三 个 方面 可 以 通过 
观察 ， 而 通过 观察 可 以 得 出 结论 的 事情 还 有 很 多 ， 下 面 仅 举 一 些 例子 。 


单 击 /点 击 / 按 榨 件 的 操作 是 不 是 太 多 了 ? 换 名 话说， 用 户 操作 起 
来 是 不 是 太 费 事 了 ? 这 不 一 定 是 针对 点 击 数 ， 尽 管 次 数 也 是 衡量 费 
不 费事 的 一 个 指标 。 

用 户 会 不 会 感到 莫名 其 妙 ? 如 果 用 户 说 过 ( 真 的 说 了 或 者 皱眉 、 表 
情 困 惑 )“ 为 什么 要 干 这 个 ? ” 那 肯定 哪里 不 对 了 。 常 见 的 问题 是 
标签 名 写 错 了 、 没 加 说 明文 案 ， 或 者 有 方案 但 没 说 清楚 。 
怎么 回 事 ? 说 明 反 馈 可 能 写 得 不 清楚 , 或 者 某 个 标签 同样 也 不 清楚 。 
好 像 没 反应 啊 ? 要么 没 给 出 反馈 ， 要 么 反馈 太 不 起 眼 。 

那个 东西 在 哪儿 呢 ? 用 户 期 待 与 当前 界面 存在 隔 头 。 可 能 是 标签 问 
题 ， 也 可 能 缺少 一 个 关键 的 微 交 互 。 

这 是 到 哪儿 啦 ?” 过 渡 或 模式 有 问题 。 

你 刚才 怎么 处 理 的 我 的 数据 / 内容/ 输入 ?这 又 是 用 户 期 待 与 输出 
不 相符 的 情况 。 要 么 调整 标签 或 文案 ， 如 果 不 是 这 个 问题 ， 那 可 能 
就 是 更 深层 次 的 微 交 互 问 题 ， 即 没有 实现 用 户 期 待 的 处 理 方式 ， 或 
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者 说 当前 的 处 理 方式 让 用 户 感觉 不 舒服 。 
。 我 单 击 / 按 下 这 里 ,会 怎么 样 ? 这 说 明 标签 不 明确 ， 或 者 说 明 方案 
写 得 不 清楚 。 
。 我 没 注意 那 还 有 个 按钮 。 这 是 视觉 分 层 出 了 问题 。 引 导 微 交互 的 视 
觉 路 径 不 清晰 。 
。 原来 这 样 也 行 啊 ! 某 个 操作 隐藏 太 深 了 。 常 见于 多 点 触摸 的 手势 或 
键盘 快捷 键 等 不 可 见 的 触发 器 。 
现在 该 干什么 ? 与 前 面 的 问题 类 似 ， 引 导 路 径 不 清晰 ， 特 别 是 没有 
提示 下 一 步 该 做 什么 。 
。 我 看 到 了 什么 呀 ? 反馈 不 清楚 的 结果 ， 通 常 发 生 在 流程 上 。 添 加 标 
签 或 者 把 标签 改 清楚 一 些 ， 比 如 使 用 提示 条 。 还 可 能 说 明 你 显示 的 
数据 并 不 重要 。 


以 上 只 是 定性 数据 的 例子 ， 但 定量 分 析 同 样 可 以 参考 。 


A.2 定量 测试 
有 一 名 格言 说 ( 源 自 开尔文 男 萎 ) :“ 不 能 测量 的 ， 也 不 能 改进 。” 这 人 句 
话 对 微 交 互 或 多 或 少 也 适用 。 有 一 个 基准 (起 点 )， 再 有 一 个 可 以 与 之 
比较 变化 的 东西 ， 是 极其 有 用 的 。 以 下 列举 了 几 个 可 以 测试 的 数据 点 。 
。 完成 率 

可 以 完成 微 交 互 的 用 户 有 百 分 之 几 ? 


。 微 交互 的 总 持续 时 间 
完成 微 交 互 需要 多 长 时 间 ? (一 般 来 说 ， 不 熟练 的 用 户 完成 微 交 互 
的 时 间 是 熟练 用 户 的 5~10 倍 。 因 此 ， 要 降低 这 种 极 值 效应 ， 应 该 使 
用 几何 均值 ， 而 不 是 中 值 。 ) 


。 特定 步骤 的 持续 时 间 
。 步骤 数 


注 3: 参见 Jeff Sauro 的 “8 Core Concepts for Quantifying The User Experience”( 量 化 用 户 
体验 的 8 个 核心 概念 ) Measuring Usability 2012 年 12 月 11 日 。 
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。 单 击 /点 击 /选择 的 数量 
并 不 是 总 有 价值 ， 但 可 以 让 你 知道 哪 一 块 不 够 有 效 。 

。 系统 错误 的 数量 
有 没有 什么 地 方 在 用 户 操 作 无 误 的 情况 下 出 错 了 ? (在 使 用 实际 数 
据 /连接 测试 微 交 互 时 经 常会 发 生 这 种 情况 。) 

。 用 户 错误 的 数量 
可 以 分 两 类 : 犯错 和 误解 。 犯 错 是 用 户 理 解 动作 的 目标 ， 但 执行 了 
不 适当 的 操作 ， 比 如 输入 了 错误 的 电子 邮件 地 址 。 误 解 则 是 用 户 不 
理解 规则 ， 淮 试 做 一 些 规则 不 允许 的 事情 ， 例 如 单 击 没有 响应 能 
的 标题 。” 

还 可 以 尝试 量化 定性 数据 ， 比 如 对 : 


。 满意 度 ， 

。 难度 ， 

。 信心 ; 

。 有 用 性 。 

等 定性 指标 划分 等 级 (比如 ，1~7，1 最低 ，7 最 高 )。 然 而 ， 如 果 采 
样 数据 规模 过 小 ， 这 种 量化 很 难说 明 问 题 。 

不 过 ， 这 样 至 少 能 促使 你 改进 微 交互 ， 并 通过 再 次 测试 得 知 是 否 有 进 
步 。 或 者 ， 你 会 开发 微 交互 的 替代 版 ， 然 后 将 它们 进行 对 比 (A/B 测 
试 )。 同 样 ， 要 注意 采样 规则 。 用 户 过 少 会 导致 基 些 错误 或 个 人 偏好 
看 起 来 过 分 显著 或 不 显著 。 


即使 存在 统计 显著 性 ， 实 际 上 也 不 一 定 是 显著 的 。 使 用 数据 改进 设计 
时 ， 最 重要 的 一 点 是 要 知道 : 数据 不 是 为 你 设计 好 的 。 数 据 要 靠 人 来 解 
读 ， 并 且 要 代入 情境 解读 。 数 据 本 身 很 少 能 告诉 你 问题 的 原因 在 哪里 。 


数据 一 般 是 有 意义 的 ， 但 有 些 时 候 又 应 该 忽略 数据 。 为 什么 要 忽略 数 


注 4: 要 了 解 关 于 犯错 和 误解 的 更 多 内 容 ， 请 参考 原 载 于 《美国 计算 机 学 会 通讯 》1983 年 
第 26 期 Donald Norman 的 “Design Rules Based on Analyses of Human Error”( 基 本 
用 户 错误 分 析 设 计 规 则 ) ， 以 及 James Reason 的 Human Error (1990)。 
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据 呢 ? 举 个 最 简单 的 例子 : 大 多 数 在 线 广告 不 会 被 点 击 。 如 果 能 
0.5% 的 点 击 率 (clickthrough rate)， 那 就 相当 不 错 了 。’ 既然 使 用 率 
那么 低 ， 那 是 不 是 就 该 删除 在 线 广 告 呢 ? 99.9% 的 用 户 这 么 想 (另外 
0.1% 的 用 户 在 广告 公司 上 班 )。 可 是 ， 删 除 广 告 也 就 意味 着 关闭 网 站 ， 
因为 没有 资金 来 源 保障 运营 。 你 希望 谷歌 消失 吗 ? 数 据 不 能 反映 全 部 
事实 ， 因 此 不 能 完全 相信 它 。 公 司 和 组 织 的 环境 ， 以 及 用 户 基数 可 不 
仅仅 是 电子 表格 中 的 数字 而 已 。 可 以 把 数据 作为 决策 参考 ， 但 绝 不 能 
将 它 作 为 唯一 依据 。 


A.3 微 交 互 测试 流程 

下 面 介绍 一 个 微 交 互 的 测试 流程 供 读者 参考 。 这 个 流程 肯定 不 是 唯一 
的 方案 ， 但 可 以 作为 你 的 起 点 。 

1. 在 向 参与 者 展示 原型 前 ， 询 问 他 们 期 待 的 微 交 互 的 工作 方式 。 询 问 
他 们 过 去 用 没 用 过 类 似 的 功能 。 询 问 他 们 想 通 过 微 交 互 做 一 件 什么 
事 。 确 认 他 们 在 使 用 微 交 互 之 前 想 知 道 什 么 ， 即 是 不 是 有 什么 信息 
可 以 让 他 们 完全 不 必 使 用 微 交 互 。 

. 让 参与 者 在 完全 设 人 帮助 的 情况 下 使 用 微 交 互 。 所 有 定量 数据 都 要 
在 此 时 ， 以 及 之 后 收集 。 

. 随 着 参与 者 一 步 步 地 使 用 微 交 互 ， 让 他 们 说 出 自己 的 印象 和 判断 。 
聆听 参与 者 是 否 能 说 出 微 交 互 的 工作 过 程 (规则 )。 注 意 与 实际 不 
相符 的 地 方 。 

. 询问 他 们 第 二 天 还 会 不 会 再 用 ， 以 及 他 们 和 希望 微 交 互 记 住 关 于 他 们 
的 什么 信息 。 

5. 最 后 ， 再 询问 他 们 哪里 应 该 修改 。 

按照 这 个 流程 ， 应 该 可 以 发 现 并 诊断 出 微 交 互 存在 的 问题 ， 同 时 也 能 
验证 用 户 的 总 体 目标 和 需求 。 建 议 大 家 至 少 按照 这 个 流程 做 两 次 ， 每 
次 一 组 不 同 的 参与 者 。 然 后 ， 根 据 这 两 组 参与 者 的 反馈 和 问题 分 析 改 
进 微 交 互 。 


MD 


[SS] 


小 


注 5: 参见 《商业 周刊 》2007 年 11 月 11 日 “So Many Ads, So Few Clicks” (广告 那么 多 ， 
点 击 那么 少 ) 。 
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关于 封面 


本 书 封面 有 两 种 麻 举 ， 即 英国 麻 举 (家 人 省) 和 美国 树 麻雀 ( 树 和 省 )。 
虽然 外 表 看 起 来 类 似 ， 但 它们 却 不 是 同一 个 属 的 。 


英国 麻 御 或 家 从 与 欧 亚麻 作 更 接近 。 它 们 头 圆 、 体 胖 、 腿 短 ， 均 长 16 
厘米 。 虽 然 原 产 于 欧 、 亚 和 北非 ， 但 广泛 分 布 于 世界 各 地 ， 这 很 大 程 
度 上 是 由 于 1851 年 被 引入 北美 造成 的 。 


作为 毫 无 灭绝 危险 的 一 个 物种 ， 英 国 麻 汰 在 很 多 地 方 被 视 为 害虫 。 只 
要 是 人 类 定居 点 ， 儿 平 都 能 看 到 这 种 麻 件 。 用 于 吸引 更 罕见 野 乌 的 喂 
食 器 通常 都 能 把 它们 成 群 结 队 地 吸引 过 来 。 英 国 麻 汰 雌雄 交配 ， 但 未 
必 会 等 到 性 成 熟 。 而 且 ， 有 些 麻 御 会 充当 繁衍 后 代 的 替代 者 ， 如 果 其 
他 配对 中 的 一 方 死去 ， 便 取而代之 。 英 国 麻 省 把 集 筑 在 人 类 住宅 周 
围 ， 为 了 捍卫 自己 的 梨 穴 ， 有 时 候 会 驱赶 其 他 鸟 类 。 


美国 树 麻 窟 与 英国 麻 窒 类 似 ， 但 与 美国 麻雀 (如 褐 斑 翅 和 省 或 布 氏 徐 ) 
关系 更 密切 。 美 国 树 麻雀 体型 与 英国 麻 淮 相差 无 几 ， 但 头 部 有 了 瞳 红 色 
毛 冠 和 眼线。 这 一 点 与 欧 亚 麻雀 不 同 ， 欧 亚麻 省 的 哈 史 部 位 及 眼线 是 
黑色 的 。 美 国 树 麻 淮 肥胖 的 身体 可 以 帮 它 们 抵御 严寒 。 它 们 夏季 多 生 
活 在 加 拿 大 北部 和 阿拉 斯 加 ， 到 冬季 时 ， 会 迁徙 到 加 拿 大 南部 和 美国 
北部 。 
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虽然 名 字 叫 树 麻 甜 ， 但 美国 树 麻 涯 一般 并 不 栖息 在 树 上 。 因 为 冻 原 地 
带 很 少 有 树 ， 而 在 迁徙 之 路 上 ， 也 多 是 灌木 和 草原 。 美 国 树 麻 符 会 通 
过 扑 打 翅膀 摇 掉 植物 松散 的 种 子 ， 也 会 吸食 地 上 的 甲虫 和 浆果 。 作 为 
群居 鸟 类 ， 美 国 树 麻 省 的 群体 规模 不 大 ， 但 比 起 喜欢 吵吵 的 英国 麻 
汰 ， 它 们 相对 要 安静 得 多 。 
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User Experience/User Interface Design 


微 交 互 细节 设计 成 就 卓越 产品 


平庸 的 产品 与 伟大 的 产品 差 就 差 在 细 市 上 。 作 者 将 通过 
本 书展 示 怎 么 设计 微 交 互 ， 即 位 于 功能 之 内 或 周边 的 那 
些 交 互 细节 。 你 的 手机 怎么 静音 ? 你 怎么 知道 有 新 邮件 
了 ? 怎么 修改 应 用 的 设置 ? 诸如 此 类 的 交互 细节 ， 既 可 
以 毁 掉 一 个 产品 ， 也 可 以 成 就 一 个 产品 。 


高 效 而 有 趣 的 微 交 互 ， 涉 及 触发 器 、 规 则 、 循 环 和 模 
式 ， 还 有 反馈 。 透 过 书 中 生动 、 真 实 的 设备 及 应 用 示 
例 ， 读 者 将 理解 微 交 互 对 于 塑造 产品 个 性 、 赋 了 予 产品 卖 
点 的 重要 意义 。 


上 重新 思考 设计 : 自 下 而 上 ， 而 不 是 自 上 而 下 。 

曙 了 解 微 交 互 设计 的 历史 ， 以 及 你 的 产品 中 哪些 算是 
微 交互 

下 ”深入 剖析 触发 器 : 用 户 或 者 系统 怎么 启动 微 交互 ? 

百 “学 习 如 何 运 用 图 片 、 声 音 、 振 动 来 帮助 用 户 理解 微 
交互 的 规则 。 

卓 理解 模式 和 循环 的 种 类 ， 
段 。 

日 ”通过 闲 铃 、 共 享 播放 列表 和 洗 碗 机 等 实例 分 析 ， 彻 
底 掌 握 微 交互 设计 法 则 。 


以 及 微 交 互 反馈 的 各 种 手 


“《 微 交互 》 是 我 期 待 已 久 
的 一 本 书 。 我 一 直 都 希 
望 看 到 一 本 能 够 在 原子 
级 别 上 ， 深 刻 而 又 简洁 
地 把 交互 设计 讲 清楚 的 
书 。 这 本 书 就 是 ! ” 
一 一 Jared Spool 
User Interface 


Engineering (uie.com ) 


Dan Saffer 是 Smart Design 
的 交互 设计 总 监 ， 他 还 著 
有 《交互 设计 指南 》、 
Designing Gestural 
Interfaces: Touchscreens 
and Interactive Devices 和 和 
Designing Devices。 自 1995 
年 起 ， 他 从 事 过 家 电 、 设 
备 、 应 用 、 机 磊 人 、 网 站 
和 服务 设计 ， 数 百 万 用 户 


每 天 都 在 使 用 他 的 设计 。 
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图 灵 社 区 


最 前 沿 的 IT 类 电子 书 发 售 平台 


电子 出 版 的 时 代 已 经 来 临 。 在 许多 出 版 界 同行 还 在 犹 ”图 灵 社 区 进一步 把 传统 出 版 流程 与 电子 书 出 版 业务 
歼 仿 律 的 时 候 ， 图 灵 社区 已 经 采取 实际 行动 拥抱 这 个 紧密 结合 ， 目 前 已 实现 作 译 者 网 上 交 稿 、 编 辑 网 上 
出 版 业 巨 变 。 作 为 国内 第 一 家 发 售 电子 图 书 的 IT 类 出 。 审 稿 、 按 音 发 布 的 电子 出 版 模式 。 这 种 新 的 出 版 模 
版 商 ， 图 灵 社 区 目前 为 读者 提供 两 种 DRM-free 的 阅读 式 ， 我 们 称 之 为 “敏捷 出 版 ”， 它 可 以 让 读者 以 较 
体验 : 在 线 阅读 和 PDF。 快 的 速度 了 解 到 国外 最 新 技术 图 书 的 内 容 ， 弥 补 以 


ma en 入 和 副 主 版 技术 书 “由 版 即 过 时 ”的 缺 伍 。 同 时 ， 伍 
各 导电 了 县 有 许多 明显 门人 势 。 它 不 仅 发 。。 捷 出 版 全 得 作 、 译 、 编 、 读 的 交流 更 为 方便 ， 可 以 
天 ， 更 新 容易 ， 而 且 尽 可 能 采用 了 彩色 图 片 即使 ne 

， ， 提前 消灭 书稿 中 的 错误 ， 最 大 程度 地 保证 图 书 出 版 
的 书 纸 质 版 是 黑白 印刷 的 ) 。 读 者 还 可 以 方便 地 进 He 2 

搜索 、 剪 贴 、 复 制 和 打印 。 


之 许 北 


最 方便 的 开放 出 版 平台 最 直接 的 读者 交流 平台 


图 灵 社区 向 读者 开放 在 线 写 作 功 能 ， 协 助 你 实现 自 出 在 图 灵 社 区 ， 你 可 以 十 分 方便 地 写作 文章 、 提 交 勘 
版 和 开源 出 版 的 梦想 。 利 用 “合集 ”功能 ， 你 就 能 联 误 、 发 表 评 论 ， 以 各 种 方式 与 作 译 者 、 编 辑 人 员 和 
合 二 三 好 友 共同 创作 一 部 技术 参考 书 ， 以 免费 或 收费 其 他 读者 进行 交流 互动 。 提 交 勘 误 还 能 够 获 赠 社区 
的 形式 提供 给 读者 。 (收费 形式 须 经 过 图 灵 社 区 立项 银子 。 

评审 。) 这 极 大 地 降低 了 出 版 的 门槛 。 只 要 你 有 写作 

意愿 ， 图 灵 社 区 就 能 帮助 你 实现 这 个 梦想 。 成 熟 的 。 。 ”你 引 以 积极 参 社区 经 常 开展 的 沪 痰 、 审 读 、 评 选 
书稿 ， 有 机 会 入 选 出 版 计划 ， 同 时 出 版 纸 质 书 。 等 多 种 活动 ， 赢 取 积 分 和 银子 ， 积 累 个 人 声望 。 

图 灵 社 区 引进 出 版 的 外 文 图 书 ， 都 将 在 立项 后 马上 在 

社区 公布 。 如 果 你 有 意 翻 译 哪 本 图 书 ， 欢 迎 你 来 社区 


请 。 只 要 你 通过 试 译 的 考验 ， 即 可 签约 成 为 图 灵 的 
译 者 。 当 然 ， 要 想 成 功 地 完成 一 本 书 的 翻译 工作 ， 是 
需要 有 坚强 的 狼 力 的 。 


ituring.com.cn 


